/***************************/
/******  css-1-reset  ******/
/***************************/

*, *:before, *:after { box-sizing: border-box; }
address, article, aside, figure, footer, header, nav, section, blockquote { display:block; }
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-y: scroll;
    background-color: #0d0d0d;
    color: #fff;
    scrollbar-color: #9f00a4 transparent;
}
body {
    margin: 0 auto;
    padding: 0;
    max-width: 1300px;
    font-family: 'dcm', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
    font-size: 16px; font-size: min(16px, 0.294vw + 13.059px);
    word-wrap: break-word;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
}
.bookmark {
    position: absolute;
    top: -5px;
    left: 0.4%;
    bottom: calc(100% + 50px);
    fill: #3a2;
    width: 30px;
    height: calc(100% + 50px);
    filter: drop-shadow(3px 2px 0px rgba(0, 0, 0, 0.1));
}
.rainbow {
    padding: 2% 0 3%;
    min-height: 60px;
    background-image: linear-gradient(180deg, transparent 1%, #5d007b 1%, #5d007b 10%, #9f00a4 10%, #9f00a4 18%, #0091dc 18%, #0091dc 26%, #003c97 26%, #003c97 34%, #29cab4 34%, #29cab4 42%, #9cc33b 42%, #9cc33b 50%, #296d30 50%, #296d30 58%, #d9b32c 58%, #d9b32c 66%, #ed8141 66%, #ed8141 74%, #de382d 74%, #de382d 82%, #b12b46 82%, #b12b46 90%, #df59a5 90%, #df59a5 98%, transparent 98% );
    background-position: center center;
    background-repeat: repeat-x;
    background-size: contain;
}
.tv {
    margin: 0;
    max-width: 580px;
    max-height: 383px;
    display: none;
}
.paper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 70vh;
    margin: 50px 6px 0 0;
    padding-bottom: 6em;
    background-color: #F0EFEB;
    color: #000;
    border-top: 1px solid #fff;
    border-radius: 3px 44px 44px 4px;
}
main {
    padding: 3% 5% 9%;
    width: 100%;
}
main > * {
    width: 100%;
    display: block;
}
figure {
    margin: 0;
}
img {
    border-style: none;
    height: auto;
    max-width: 100%;
    display: block;
}
ol, ul {
    list-style-position: outside;
    margin: 0 0 1.5em 0;
    padding-left: 2em;
}
blockquote {
    margin: 0;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}
*:focus, input:focus, .filter-tags label:focus-within {
    outline: 3px dashed #f0c;
    outline-offset: 1px;
    z-index: 2;
}
body:not(.show-focus-outlines) *:focus {
    outline: none;
}




/**************************/
/******  css-1-text  ******/
/**************************/

p, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0 0 0.8em;
    font-size: 1em;
    line-height: 1.1;
}

.f1 { font-size: 35px; font-size: min(35px, 1.912vw + 15.882px);
 }
.f2 { font-size: 28px; font-size: min(28px, 1.618vw + 11.824px);
 }
.f3 { font-size: 22px; font-size: min(22px, 0.882vw + 13.176px);
 }
.f4 { font-size: 20px; font-size: min(20px, 0.735vw + 12.647px);
 }
.f5 { font-size: 18px; font-size: min(18px, 0.588vw + 12.118px);
 }
.f6 { font-size: 17px; font-size: min(17px, 0.588vw + 11.118px);
 }
.f7 { font-size: 13px; font-size: min(13px, 0.147vw + 11.529px);
 }
.f8 { font-size: 12px; font-size: min(12px, 0.147vw + 10.529px);
 }
.f9 { font-size: 11px; font-size: min(11px, 0.147vw + 9.529px);
 }

p, .p {
    margin-bottom: 0.8em;
    line-height: 1.4;
}
a, .a, a.fake > a {
    color: #06e;
    cursor: pointer;
}
a.fake {
    color: inherit;
    text-decoration: none;
}
a:hover, .a:hover, a.fake:hover > .a { color: #f38; text-decoration: underline; }
a.fake:hover { color: inherit; text-decoration: none; }
a:active, .a:active, a.fake:active > .a { color: #d70060; text-decoration: underline; }
a.fake:active { color: inherit; text-decoration: none; }
strong { font-weight: bolder; }
small { font-size: 0.875em; }




/**************************/
/******  css-2-font  ******/
/**************************/

/*@font-face {*/
/*    font-family: 'dcm';*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    src: url('/font/D-DINCondensed.woff2') format('woff2'),*/
/*         url('/font/D-DINCondensed.woff') format('woff');*/
/*}*/
/*@font-face {*/
/*    font-family: 'dcm';*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    src: url('/font/D-DINCondensed-Bold.woff2') format('woff2'),*/
/*         url('/font/D-DINCondensed-Bold.woff') format('woff');*/
/*}*/
@font-face {
    font-family: 'dcm';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('/font/d2cm.woff') format('woff');
}
@font-face {
    font-family: 'dcm';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('/font/d2cb.woff') format('woff');
}
@font-face {
    font-family: 'dcm';
    font-weight: bold;
    font-display: swap;
    src: local('Helvetica Neue'), local('Helvetica'), local('Arial');
    unicode-range: U+0040;
}
@font-face {
    font-family: 'dcm';
    font-weight: normal;
    font-display: swap;
    src: local('Helvetica Neue'), local('Helvetica'), local('Arial');
    unicode-range: U+0040;
}
@font-face {
    font-family: 'at';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('/font/at-Bold.woff2') format('woff2'),
    url('/font/at-Bold.woff') format('woff');
}
@font-face {
    font-family: 'at';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('/font/at.woff2') format('woff2'),
    url('/font/at.woff') format('woff');
}




/****************************/
/******  css-2-helper  ******/
/****************************/


.icon {
    display: inline;
    vertical-align: -0.2em;
    margin-right: 0.4em;
}
.icon-16 {
    width: 16px;
    height: 16px;
}
.icon-24 {
    width: 24px;
    height: 24px;
}
.icon-32 {
    width: 32px;
    height: 32px;
}
.icon-64 {
    width: 64px;
    height: 64px;
}

.hide { display: none; }
.clickable { cursor: pointer !important; }
.rel {
    position: relative;
}

.new {
    background: url('/gfx/icon-new.png') center center no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 1.9;
    font-size: 12px;
    text-align: center;
    transform: rotate(-33deg);
    text-transform: uppercase;
    color: #000;
    text-shadow: none;
}
.online,
.mixed,
.postponed,
.suspended,
.cancelled {
    border: 1px solid #fff;
    padding: 0 0.15em;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    font-size: 0.8em;
    vertical-align: top;
}
.online {
    background: #0be;
}
.mixed {
    background: #d0d;
}
.postponed {
    background: #54c;
}
.suspended {
    background: #f70;
}
.cancelled {
    background: #e00;
}

.bg-color-0 {  background-color: #9f00a4; }
.bg-color-1 {  background-color: #5d007b; }
.bg-color-2 {  background-color: #003c97; }
.bg-color-3 {  background-color: #0091dc; }
.bg-color-4 {  background-color: #29cab4; } /* #2ae4cb */
.bg-color-5 {  background-color: #296d30; }
.bg-color-6 {  background-color: #9cc33b; }
.bg-color-7 {  background-color: #d9b32c; }
.bg-color-8 {  background-color: #ed8141; }
.bg-color-9 {  background-color: #de382d; }
.bg-color-10 { background-color: #b12b46; }
.bg-color-11 { background-color: #df59a5; }

.bg-color-light-0 {  background-color: #EA00F2; }
.bg-color-light-1 {  background-color: #C61AFF; }
.bg-color-light-2 {  background-color: #5096FF; }
.bg-color-light-3 {  background-color: #5AC8FF; }
.bg-color-light-4 {  background-color: #2AE4CB; }
.bg-color-light-5 {  background-color: #4BBB56; }
.bg-color-light-6 {  background-color: #BDE159; }
.bg-color-light-7 {  background-color: #D9B32C; }
.bg-color-light-8 {  background-color: #F09662; }
.bg-color-light-9 {  background-color: #E55D56; }
.bg-color-light-10 { background-color: #D14362; }
.bg-color-light-11 { background-color: #E575B4; }

.border-color-0 {  border-color: #9f00a4; }
.border-color-1 {  border-color: #5d007b; }
.border-color-2 {  border-color: #003c97; }
.border-color-3 {  border-color: #0091dc; }
.border-color-4 {  border-color: #29cab4; }
.border-color-5 {  border-color: #296d30; }
.border-color-6 {  border-color: #9cc33b; }
.border-color-7 {  border-color: #d9b32c; }
.border-color-8 {  border-color: #ed8141; }
.border-color-9 {  border-color: #de382d; }
.border-color-10 { border-color: #b12b46; }
.border-color-11 { border-color: #df59a5; }

.text-color-0 {  color: #9f00a4; }
.text-color-1 {  color: #5d007b; }
.text-color-2 {  color: #003c97; }
.text-color-3 {  color: #0091dc; }
.text-color-4 {  color: #29cab4; }
.text-color-5 {  color: #296d30; }
.text-color-6 {  color: #9cc33b; }
.text-color-7 {  color: #d9b32c; }
.text-color-8 {  color: #ed8141; }
.text-color-9 {  color: #de382d; }
.text-color-10 { color: #b12b46; }
.text-color-11 { color: #df59a5; }

.text-color-light-0 {  color: #EA00F2; }
.text-color-light-1 {  color: #C61AFF; }
.text-color-light-2 {  color: #5096FF; }
.text-color-light-3 {  color: #5AC8FF; }
.text-color-light-4 {  color: #2AE4CB; }
.text-color-light-5 {  color: #4BBB56; }
.text-color-light-6 {  color: #BDE159; }
.text-color-light-7 {  color: #D9B32C; }
.text-color-light-8 {  color: #F09662; }
.text-color-light-9 {  color: #E55D56; }
.text-color-light-10 { color: #D14362; }
.text-color-light-11 { color: #E575B4; }

.text-color-dark-0 {  color: #9F00A4; }
.text-color-dark-1 {  color: #7900A2; }
.text-color-dark-2 {  color: #0047B2; }
.text-color-dark-3 {  color: #127EB0; }
.text-color-dark-4 {  color: #149D5F; }
.text-color-dark-5 {  color: #426D29; }
.text-color-dark-6 {  color: #6C9814; }
.text-color-dark-7 {  color: #B19300; }
.text-color-dark-8 {  color: #E96417; }
.text-color-dark-9 {  color: #DE382D; }
.text-color-dark-10 { color: #B12B46; }
.text-color-dark-11 { color: #D4298C; }





/**************************/
/******  css-3-form  ******/
/**************************/


button.fake {
    background :none;
    color: #06e;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
}
button.fake:hover { color: #f38; text-decoration: underline; }
.clearfix::after {
    display: block;
    content: "";
    clear: both;
}





/****************************/
/******  css-3-filter  ******/
/****************************/


.filter-name-wrapper .filterActive {
    display: none;
}

.filters {
    text-align: center;
    margin-top: 0.2em;
    margin-left: auto;
}
.filters.argt {
    float: initial;
    display: flex;
    flex-wrap: wrap;
    text-align: right;
}
.filters.argt > label {
    width: 35%;
    padding-right: 5px;
    line-height: 1.1em;
}
.filters.argt select,
.filters.argt input {
    width: 65%;
    margin-bottom: 8px;
}
.filters select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.5);

    padding-left: 6px;
    padding-right: 24px;

    border: 1px dashed #080;

    font-size: 100%;
    font-family: inherit;
    text-transform: none;

    position: relative;
    background-image: url(/gfx/input-select-arrow.png), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    background-size: 32px 32px, auto auto;
    background-repeat: no-repeat;
    background-position: right 2px top 3px, left top;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
}
.filters select option {
    font-family: 'Helvetica Neue', sans-serif;
}
.filters select:disabled {
    background-image: url(/gfx/input-select-arrow.png), linear-gradient(0deg, rgba(238, 238, 238, 0.5), rgba(238, 238, 238, 0.5));
}
.filters select:not(:disabled) {
    cursor: pointer;
}
.filters select:not(:disabled):hover {
    border-color: #000;
    background-image: url(/gfx/input-select-arrow-active.png), linear-gradient(0deg, #fff, #fff);
}
.filters select:focus {
    border-color: #000;
}
.filters select.active {
    background-image: url(/gfx/input-select-arrow-active.png), linear-gradient(0deg, rgba(204, 238, 119, 0.8), rgba(204, 238, 119, 0.8));
    border-color: #666;
}
.filters select.active:hover {
    background-image: url(/gfx/input-select-arrow-active.png), linear-gradient(0deg, rgba(221, 255, 153, 0.8), rgba(221, 255, 153, 0.8));
}


.filters input[type="text"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));

    border: 1px dashed #080;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    padding-left: 6px;
    padding-right: 24px;
    text-transform: none;

    position: relative;
    height: 36px;
    border-radius: 3px;
}

.filters input:disabled {
    background: rgba(238, 238, 238, 0.5);
}
.filters input:not(:disabled):hover {
    background: #fff;
    border-color: #000;
}
.filters input:focus {
    border-color: #000;
}
.filters input.active {
    background: rgba(204, 238, 119, 0.8);
    border-color: #666;
}
.filters input.active:hover {
    background: rgba(221, 255, 153, 0.8);
}


.filter-tags {
    flex: 1;
    display: flex;
    align-content: flex-start;
    margin-top: 0.5em;
    text-align: center;
}
.filter-tags > label {
    position: relative;
    flex: 1 1 0;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    color: #5d007b;
    padding: 0.1em 0;
    line-height: 1;
    opacity: 0.75;
}
.filter-tags > label.active {
    opacity: 1.0;
}
.filter-tags > label > input[type="checkbox"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.filter-tags > label > .count {
    padding: 1.5em 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('/gfx/filter-tag-fg-off.png'), url('/gfx/filter-tag-bg-off.png');
    color: #5D007B;
}
.filter-tags > label.active > .count {
    background-image: url('/gfx/filter-tag-fg-on.png'), url('/gfx/filter-tag-bg-on.png');
    color: #fff;
}
.filter-tags > label:hover > .count {
    filter: contrast(2);
}
.filter-tags > label:active > .count {
    background-image: url('/gfx/filter-tag-fg-off.png'), url('/gfx/filter-tag-bg-hover.png');
    color: #FE9FE7;
}
.filter-tags > label > .title {
    position: relative;
    margin: 0.3em 0.2em 0;
    background-color: rgba(169, 190, 200, 0.56);
    border: 1px solid #79DDB7;
    padding: 0.2em 0.1em 0.3em;
    border-radius: 2px;
    color: #000;
}
.filter-tags > label:hover > .title {
    background-color: rgba(197, 210, 217, 0.56);
}


.filter-0-wrapper .filter-0-item.filter-0-active { display: none; }
.filter-1-wrapper .filter-1-item.filter-1-active { display: none; }
.filter-2-wrapper .filter-2-item.filter-2-active { display: none; }
.filter-3-wrapper .filter-3-item.filter-3-active { display: none; }
.filter-4-wrapper .filter-4-item.filter-4-active { display: none; }
.filter-5-wrapper .filter-5-item.filter-5-active { display: none; }
.filter-6-wrapper .filter-6-item.filter-6-active { display: none; }
.filter-7-wrapper .filter-7-item.filter-7-active { display: none; }
.filter-8-wrapper .filter-8-item.filter-8-active { display: none; }

.filter-0-wrapper .filter-0-item.filter-0-active .filter-item { display: none; }
.filter-1-wrapper .filter-1-item.filter-1-active .filter-item { display: none; }
.filter-2-wrapper .filter-2-item.filter-2-active .filter-item { display: none; }
.filter-3-wrapper .filter-3-item.filter-3-active .filter-item { display: none; }
.filter-4-wrapper .filter-4-item.filter-4-active .filter-item { display: none; }
.filter-5-wrapper .filter-5-item.filter-5-active .filter-item { display: none; }
.filter-6-wrapper .filter-6-item.filter-6-active .filter-item { display: none; }
.filter-7-wrapper .filter-7-item.filter-7-active .filter-item { display: none; }
.filter-8-wrapper .filter-8-item.filter-8-active .filter-item { display: none; }

.filter-0-hideempty.filter-0-empty { display: none; }
.filter-1-hideempty.filter-1-empty { display: none; }
.filter-2-hideempty.filter-2-empty { display: none; }
.filter-3-hideempty.filter-3-empty { display: none; }
.filter-4-hideempty.filter-4-empty { display: none; }
.filter-5-hideempty.filter-5-empty { display: none; }
.filter-6-hideempty.filter-6-empty { display: none; }
.filter-7-hideempty.filter-7-empty { display: none; }
.filter-8-hideempty.filter-8-empty { display: none; }







/******************************/
/******  css-3-pamphlet  ******/
/******************************/


main > .pamphlet {
    position: relative;
    font-family: 'at', monospace;
    letter-spacing: 0.4px;
    background: #fed1c8 url('/gfx/bg-pamphlet-pink.jpg') center center repeat;
    -webkit-hyphens: auto;
            hyphens: auto;
    min-height: 400px;
    max-width: 700px;
    margin: 0 auto 2em auto;
    padding: 13px 43px 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    outline: 3px solid #330900;
    outline-offset: -13px;
}
.pamphlet.alft {
    width: 76%;
    margin-right: 4%;
    max-width: initial;
}
main > .pamphlet-pink {
    background: #fed1c8 url('/gfx/bg-pamphlet-pink.jpg') center center repeat;
}
main > .pamphlet-blue {
    background: #c8ecfe url('/gfx/bg-pamphlet-blue.jpg') center center repeat;
}
main > .pamphlet-yellow {
    background: #fef2c4 url('/gfx/bg-pamphlet-yellow.jpg') center center repeat;
}
main > .pamphlet-green {
    background: #c0f2bf url('/gfx/bg-pamphlet-green.jpg') center center repeat;
}
main > .pamphlet .logo:not(.noblend) {
    mix-blend-mode: multiply;
}
.pamphlet .f1 {
    font-size: 24px; font-size: min(24px, 0.882vw + 15.176px);
    font-weight: bold;
    line-height: 1.2;
    margin: 4% 0 4%;
    border-bottom: 2px solid #330900;
    padding-bottom: 4%;
    color: #330900;
}
.pamphlet .f2 {
    font-size: 1.25em;
    text-align: center;
    line-height: 1.3;
}
.pamphlet .f3 {
    font-size: 1.125em;
    text-align: center;
    line-height: 1.3;
}
.pamphlet .f4 {
    font-size: 1.125em;
    font-weight: bold;
    text-align: left;
    line-height: 1.3;
}
.pamphlet .f5 {
    font-size: 1.0625em;
    font-weight: bold;
    text-align: left;
    line-height: 1.3;
}
.pamphlet li {
    margin-bottom: 0.5em;
}
.pamphlet a {
    padding: 0.4em 0;
}
.pamphlet p {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
.pamphlet > * {
    margin-top: 2.0em;
    margin-bottom: 0.5em;
}
.pamphlet .fitacola1 {
    content: '';
    background: url('/gfx/bg-pamphlet-fitacola-br.png');
    width: 63px;
    height: 69px;
    background-size: 63px, 60px;
    position: absolute;
    top: -40px;
    left: -20px;
}
.pamphlet .fitacola2 {
    content: '';
    background: url('/gfx/bg-pamphlet-fitacola-tl.png');
    width: 63px;
    height: 69px;
    background-size: 63px, 60px;
    position: absolute;
    bottom: -25px;
    right: -20px;
}





/*****************************/
/******  css-3-sticker  ******/
/*****************************/


.stick {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.stick.tr {
    top: 0;
    right: 0;
    bottom: initial;
    left: initial;
}
.stick.br {
    top: initial;
    right: 0;
    bottom: 0;
    left: initial;
}
.stick.bl {
    top: initial;
    right: initial;
    bottom: 0;
    left: 0;
}

.stick.icon-feminista {
    max-width: 60px;
    max-height: 60px;
    width: 10vw;
    height: 10vw;
}

.sticker {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: min(130px, 8.529vw + 44.706px);
    height: min(90px, 5.882vw + 31.176px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fd0;
    text-shadow: none;
    font-size: min(14px, 0.735vw + 6.647px);
}
.sticker > span {
    background-color: #17ae74;
    padding: 0 4px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    border: 1px solid #66EBB8;
    line-height: 1.2;
}
.sticker.soon {
    background-image: url('/gfx/sticker-soon.png');
    transform: translate(-10%, -50%);
}
.sticker.soon > span {
    transform: rotate(-14deg);
    margin-top: 4px;
}
.sticker.inprogress {
    background-image: url('/gfx/sticker-inprogress.png');
    transform: translate(-10%, -50%);
}
.sticker.inprogress > span {
    transform: translate(19%, -26%) rotate(-15deg);
}
.sticker.past {
    background-image: url('/gfx/sticker-past.png');
    width: min(70px, 4.412vw + 25.882px);
    height: min(70px, 4.412vw + 25.882px);
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 0 min(7px, 0.441vw + 2.588px) min(12px, 0.882vw + 3.176px);
    color: #e45372;
    transform: translate(-10%, -40%);
}
.sticker.today {
    padding: 0 0 min(24px, 1.765vw + 6.353px) 0;
    width: min(66px, 4.853vw + 17.471px);
    height: min(80px, 5.882vw + 21.176px);
    align-items: center;
    justify-content: center;
    transform: translate(-20%, -20%) rotate(-20deg);
    background-image: url('/gfx/sticker-today.png');
    color: #e45372;
    text-transform: uppercase;
}
.sticker.tomorrow {
    padding: 0 0 min(18px, 1.324vw + 4.765px) 0;
    width: min(80px, 5.882vw + 21.176px);
    height: min(80px, 5.882vw + 21.176px);
    align-items: center;
    justify-content: center;
    transform: translate(-20%, -20%);
    background-image: url('/gfx/sticker-tomorrow.png');
    color: #fff;
    text-transform: uppercase;
}





/****************************/
/******  css-4-layout  ******/
/****************************/


html {
    background-image: url('/gfx/bg-stars.png');
}
body {
    font-family: 'dcm', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
}

main > .pamphlet .logo {
    float: right;
    max-width: 25vw;
    margin: 0 0 0 1em;
}

#main-title.volcano {
    align-self: center;
    display: inline-block;
}
#main-title.volcano .volcano-bg,
#main-title.volcano .volcano-fg {
    position: absolute;
    top: 0;
    left: 1em;
    transform: translateY(-100%);
}
#main-title.volcano.active .volcano-bg {
    animation: volcano 4s ease-in-out infinite;
}
@keyframes volcano {
    0%    { transform: translatey(-100%); }
    50%   { transform: translatey(-150%); }
    100%  { transform: translatey(-100%); }
}
.main-month :not(.volcano) img {
    margin: 0 auto;
    /*filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.05));*/
    padding: 0 5%;
    z-index: 3;
}


.paper {
    background-image: url('/gfx/bg-paper-relva.png'), url(/gfx/bg-paper-wall.png), url('/gfx/bg-paper.jpg');
    background-position: center bottom -2px, -5px bottom, left top;
    background-repeat: repeat-x, no-repeat, repeat;
    background-size: 100%, 100%, 320px 320px;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.2),
        inset -1px -1px 0 rgba(0, 0, 0, 0.4),
        7px 7px 5px #000;
}

.logged > .paper {
    background-image: linear-gradient(-135deg, #98b, #98b 50px, #eb1 50px, #eb1 60px, transparent 60px), url('/gfx/bg-paper-relva.png'), url(/gfx/bg-paper-wall.png), url('/gfx/bg-paper.jpg');
    background-position: left top, center bottom -2px, -5px bottom, left top;
    background-repeat: repeat, repeat-x, no-repeat, repeat;
    background-size: 100%, 100%, 1150px, 320px 320px;
    border-top: none;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.3),
        inset -1px -1px 0 rgba(0, 0, 0, 0.6),
        7px 7px 5px #000;
}
.status-1 > .paper {
    background-image: linear-gradient(0deg, rgba(255, 19, 19, 0.12), rgba(255, 19, 19, 0.12) 100%), url('/gfx/bg-paper-relva.png'), url('/gfx/bg-paper.jpg');
    background-position: left top, center bottom -2px, left top;
    background-repeat: repeat, repeat-x, repeat;
    background-size: 100%, 100%, 320px 320px;
}
.logged.status-1 > .paper {
    background-image: linear-gradient(-135deg, #98b, #98b 50px, #eb1 50px, #eb1 60px, rgba(255, 19, 19, 0.12) 60px), url('/gfx/bg-paper-relva.png'), url('/gfx/bg-paper.jpg');
}
.paper .e {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    z-index: 1;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
            clip-path: polygon(0 0, 100% 100%, 100% 0);
    border-top-right-radius: 46px;
    overflow: hidden;
}
.paper .e .rotate {
    display: block;
    float: right;
    padding: 0.7em 0.4em;
    transform: rotate(45deg);
}
.paper .e:hover {
    text-decoration: underline;
    background: linear-gradient(45deg, rgba(236, 107, 9, 0.06) 50%, rgba(118, 61, 145, 0.85) 100%);
    filter: contrast(2);
}
.paper > .header {
    height: 17vw;
    min-height: 80px;
    max-height: 145px;
    position: relative;
}
.layout-home > .paper > .header {
    height: 33vw;
    max-height: 250px;
}




.event-special {
    position: absolute;
    top: 15%;
    right: 4%;
    width: 14%;
    z-index: 2;
}

.pagination {
    display: flex;
}


.tagline {
    position: relative;
    font-family: 'at', monospace;
    font-weight: normal;
    font-size: 18px; font-size: min(18px, 0.882vw + 9.176px);
    color: #bf033e;
    margin: 1.1em 5%;
}
.tagline::after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('/gfx/icon-accessibility.png') left center no-repeat;
    background-size: 24px;
}




/* layout */

main {
    padding: min(40px, 1.471vw + 25.294px) 5% 9%;
    width: 100%;
    /*will-change: transform;*/
}
main > * {
    width: 100%;
    display: block;
}
main > .alft {
    width: 55%;
    margin-right: 5%;
    float: left;
}
main > .argt {
    width: 40%;
    float: right;
}
main > h1,
main > h2 {
    margin: 0 0 1em;
}
main > #main-title {
    color: #fff;
    background: #00aeea;
    padding: 0.4em 0.4em 0.4em;
    width: initial;
    margin-right: 0;
    letter-spacing: 1.3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 26px; font-size: min(26px, 1.471vw + 11.294px);
    border-left: 1px dashed #f7f6f1;
    border-right: 1px dashed #b9bcc1;
    position: relative;
    transform-style: preserve-3d;
}
.main-month #main-title::after,
.main-home #main-title::after,
.main-list #main-title::after {
    content: '';
    background: url(/gfx/title-boat.png);
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 8%;
    top: -25px;
    background-size: 32px;
    transform: translateZ(-1px);
}
.main-month #main-title.active::after,
.main-home #main-title.active::after,
.main-list #main-title.active::after {
    animation: boat 10s linear infinite;
}
@keyframes boat {
    0%    { transform: translate(-0px,   0px) scaleX(-1); }
    12.5% { transform: translate(-25px, -3px) scaleX(-1); }
    25%   { transform: translate(-50px,  0px) scaleX(-1); }
    37.5% { transform: translate(-75px, -3px) scaleX(-1); }
    47%   { transform: translate(-96px,  0px) scaleX(-1); }
    50%   { transform: translate(-100px, 0px) scaleX(1); }
    62.5% { transform: translate(-75px, -3px) scaleX(1); }
    75%   { transform: translate(-50px,  0px) scaleX(1); }
    87.5% { transform: translate(-25px, -3px) scaleX(1); }
    97%   { transform: translate(-4px,   0px) scaleX(1); }
    100%  { transform: translate(-0px,   0px) scaleX(-1); }
}
.main-month > #main-title {
    /*margin-bottom: 0.5em;*/
}
.month-quote {
    position: relative;
    margin-bottom: 0.5em;
    padding: 0 22px 16px;
    background: url('/gfx/quote-bg.png') center bottom no-repeat;
    background-size: 100% 22px;
    color: #16bac5;
}
.month-quote::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 20vw;
    height: 20vw;
    max-width: 104px;
    max-height: 93px;
    background: url('/gfx/quote-coral.png') center bottom no-repeat;
    background-size: contain;
}
.month-quote .quote-text {
    min-height: 34px;
    position: relative;
    padding-left: 22%;
    font-size: 24px; font-size: min(24px, 0.882vw + 15.176px);
    line-height: 1.1;
    margin-bottom: 1.1em;
    font-weight: bold;
    color: #012b55;
}
.month-quote .quote-text::before {
    content: '"';
    position: absolute;
    transform: translateX(-11px);
}
.month-quote .quote-text::after {
    content: '"';
    position: absolute;
    transform: translateX(2px);
}
.month-quote .quote-author {
    position: relative;
    line-height: 1.0;
    float: right;
    text-align: right;
    margin-bottom: 6px;
    padding-left: 20%;
    font-family: 'American Typewriter', 'at', monospace;
    font-stretch: condensed;
    font-size: 23px; font-size: min(23px, 1.029vw + 12.706px);
    font-weight: bold;
    color: #b53c54;
}

.month-quote .quote-author::before {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 22px;
    height: 22px;
    background-image: url('/gfx/quote-starfish.png');
    background-size: 22px 22px;
    background-repeat: no-repeat;
    transform: translateX(-25px);
}
#filterMeta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0.5em 0;
}
#filterMeta > *:not(:first-child) {
    margin-left: 5px;
}
#filterLinks {
    margin-right: auto;
}
#filterMeta .filterCounter {
    float: right;
}
#filterMeta .filterClear {
    margin-left: 0.5em;
    float: right;
}

.noposter {
    padding: 0.5rem;
}

.paper-wall {
    position: relative;
    padding: 0 5% 0.5%;
    margin: 3em 0 2em;
}
.paper-wall .wall {
    position: relative;
    padding: 1em 1em 1em 3em;
    margin: 0 4%;
    width: 50%;
    max-width: 420px;
    min-width: 255px;
    background-color: #3486aa;
    color: #fff;
    border: 2px solid #6c5336;
    border-radius: 2px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1), 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.paper-wall .wall a:not(:hover) {
    color: #fd0;
}
.paper-wall .wall .t {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.paper-wall .wall .t1 strong {
    color: #5a0077;
    text-shadow: none;
    font-style: oblique;
    font-size: 1.2em;
}
.paper-wall .wall .t1 em {
    color: #000;
    text-shadow: none;
    margin-right: 0.3em;
}
.paper-wall .wall .t1::before {
    content: '';
    position: absolute;
    left: -1.75em;
    width: 1.5em;
    height: 1.5em;
    background: url('/gfx/bg-paper-wall-icon-play.png') no-repeat;
    background-size: contain;
}
.paper-wall .wall .t2::before {
    content: '';
    position: absolute;
    left: -1.75em;
    width: 1.4em;
    height: 1.4em;
    background: url('/gfx/bg-paper-wall-icon-email.png') no-repeat;
    background-size: contain;
}
.paper-icon {
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
footer {
    color: #fff;
    text-align: center;
    padding: 2em 0.5em 3em;
    line-height: 2em;
    text-shadow: 1px 1px 0 #000;
}
footer > * {
}
footer a {
    color: #fd0;
    text-decoration: none;
    background: #0d0d0d;
    padding: 0.5em 0.2em;
}
footer a:hover {
    color: #f38;
    text-decoration: underline;
}
footer a.accessibility {
    padding-left: 30px;
    background: #0d0d0d url('/gfx/icon-accessibility.png') left center no-repeat;
    background-size: 24px 24px;
}
footer small {
    font-size: 0.8em;
}
#page-11 h1::after,
footer .globe::after {
    content: " 🌍";
}
#page-11 h1.globe1::after,
footer .globe.globe1::after {
    content: " 🌎";
}
#page-11 h1.globe2::after,
footer .globe.globe2::after {
    content: " 🌏";
}

#page-7 h1::after,
footer .moon::after {
    content: " 🌑";
}
#page-7 h1.moon1::after,
footer .moon.moon1::after {
    content: " 🌒";
}
#page-7 h1.moon2::after,
footer .moon.moon2::after {
    content: " 🌓";
}

#page-7 h1.moon3::after,
footer .moon.moon3::after {
    content: " 🌔";
}

#page-7 h1.moon4::after,
footer .moon.moon4::after {
    content: " 🌕";
}

#page-7 h1.moon5::after,
footer .moon.moon5::after {
    content: " 🌖";
}

#page-7 h1.moon6::after,
footer .moon.moon6::after {
    content: " 🌗";
}

#page-7 h1.moon7::after,
footer .moon.moon7::after {
    content: " 🌘";
}

#page-13 .pamphlet-blue {
    background: #c0f2bf url('/gfx/bg-pamphlet-green.jpg') center center repeat;
}
footer .footmeta a {
    float: left;
}
footer .footmeta .copy {
    float: right;
}


@media screen and (max-width: 1000px) {
    .paper {
        margin-top: 5vw;
    }
}

@media screen and (max-width: 620px) {
    .paper-icon {
        bottom: 20px;
        right: 20px;
        width: 32px;
        height: 32px;
    }

    .paper-wall .wall {
        padding: 1em 1em 1em 3em;
        margin: 0 4%;
        width: 90%;
    }

}





/****************************/
/******  css-4-header  ******/
/****************************/


.header-logo {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(22%);
}
a.header-logo {
    -webkit-clip-path: polygon(35.21% 16.38%, 49.22% 24.12%, 76.24% 13.72%, 84.2% 40.06%, 97.42% 39.74%, 97.26% 83.57%, 90.78% 86.00%, 87.2% 102.32%, 83.15% 102.48%, 83.42% 82.35%, 0% 83.45%, 16.53% -9.31%, 30.24% -9.38%);
            clip-path: polygon(35.21% 16.38%, 49.22% 24.12%, 76.24% 13.72%, 84.2% 40.06%, 97.42% 39.74%, 97.26% 83.57%, 90.78% 86.00%, 87.2% 102.32%, 83.15% 102.48%, 83.42% 82.35%, 0% 83.45%, 16.53% -9.31%, 30.24% -9.38%);
}
.header-logo img {
    margin: 0 auto;
}
body.layout-error .header-logo,
body.layout-default .header-logo {
    width: 45%;
    max-width: 405px;
    margin-left: 8%;
    padding: 0;
}

a.header-logo:focus,
a.header-logo:hover img {
    outline: none;
    filter:
        drop-shadow(0px -1px 0.1px #fff)
        drop-shadow(2px -1px 0.15px #fff)
        drop-shadow(2px -1px 0.1px #f38)
    ;
}



.rainbow {
    background-image:
            url('/gfx/rainbow.png'),
            linear-gradient(180deg,
            transparent 1%,
            #5d007b 1%,
            #5d007b 10%,
            #9f00a4 10%,
            #9f00a4 18%,
            #0091dc 18%,
            #0091dc 26%,
            #003c97 26%,
            #003c97 34%,
            #29cab4 34%,
            #29cab4 42%,
            #9cc33b 42%,
            #9cc33b 50%,
            #296d30 50%,
            #296d30 58%,
            #d9b32c 58%,
            #d9b32c 66%,
            #ed8141 66%,
            #ed8141 74%,
            #de382d 74%,
            #de382d 82%,
            #b12b46 82%,
            #b12b46 90%,
            #df59a5 90%,
            #df59a5 98%,
            transparent 98%
            );

    border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
}




.menu {
    padding: 0.4em 2%;
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    align-items: baseline;
}
.menu > * + * {
    padding-left: 2em;
}
.menu a.menu-cloud {
    position: relative;
    flex: 0 1 auto;
    padding: 0.7em;
    margin: 0.3em;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    text-decoration: none;
    box-shadow: inset -3px -3px 7px rgba(0, 0, 0, 0.08);
    line-height: 1.1;
}

.menu a.menu-cloud > svg {
    position: absolute;
    overflow: visible;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
    stroke: #00aeea;
    stroke-dasharray: 0, 8;
    stroke-dashoffset: 0%;
    fill: transparent;
    /*transition: stroke-dashoffset 3s linear;*/
}
.menu a.menu-cloud > svg:hover {
    /*stroke-dashoffset: 100%;*/
}
@media screen and (prefers-reduced-motion){
    .menu a.menu-cloud > svg {
        transition: none;
    }
    .menu a.menu-cloud > svg:hover {
        stroke-dashoffset: 0%;
    }
}


.menu a.menu-bee {
    background: url(/gfx/menu/menu-bee@2x.png) no-repeat bottom center;
    background-size: contain;
    padding: 3.5em 0px 0.3em;
    margin-top: -2.2em;
    min-width: min(92px, 2.941vw + 62.588px);
    text-align: center;
    text-decoration: none;
    color: #9c3c03;
}

.menu a.menu-bee.active,
.menu a.menu-bee:hover {
    background: url(/gfx/menu/menu-bee-hover@2x.png) no-repeat bottom center;
    background-size: contain;
    color: #D29C06;
}
.menu a.menu-bee.active:hover,
.menu a.menu-bee:hover {
    color: #fa0;
}
.menu a.active {
    color: #bf033e;
}
.menu a:hover {
    color: #f38;
    text-decoration: underline;
    background: #fff;
}

.menu a.link {
    color: inherit;
    text-decoration: none;
}
.waves {
    margin: 0 auto;
    padding: 0 2%;
    text-align: center;
}
.waves .mulheres-param-mundo-para {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    font-weight: bold;
    padding: 0.3em 0;
    border: 4px solid #fff;
    margin: -0.25em auto 0.5em;
    color: #fff;
    background-color: #5d007b;
    max-width: 740px;
    line-height: 1.2;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.05);
}
.waves .mulheres-param-mundo-para small {
    text-transform: initial;
    letter-spacing: initial;
}


.news-list {
    padding: 0.4em 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}







/************************/
/******  css-4-tv  ******/
/************************/


.tv > h2 {
    background-color: #fff;
    padding: 5px;
}
.tv-channels {
    display: flex;
    background-color: #fff;
    padding: 5px;
}
.tv-channel {
    opacity: 1.0;
    width: 25%;
    padding: 5px;
}

.tv-img-screen,
.tv-img-bg,
.tv-icon,
.tv-featured,
.tv-spacer {
    display: none;
}





/**************************/
/******  css-5-card  ******/
/**************************/


.card-org {
    min-height: 5em;
    background: #e4d6b5 url('/gfx/bg-card.jpg');
    padding: 0.8em;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 210px;
    min-width: 135px;
    text-decoration: none;
    margin: 0.3em;
}
.card-org:hover {
    border-color: #f38;
    text-decoration: underline;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.15) 100%), url('/gfx/bg-card.jpg');
    border-radius: 2px;
    z-index: 2;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
.card-org h3 {
    -webkit-hyphens: auto;
            hyphens: auto;
    color: #000;
    font-size: 1em;
    margin: 0.1em 0 0.5em;
}
.card-org .email {
    font-size: 0.8em;
    color: #000;
    word-break: break-all;
}
.card-org h4 {
    font-weight: normal;
    color: #000;
    width: 100%;
    margin: 0.5em 0 0;
}
.card-org .count {
    font-weight: normal;
    color: #644;
    float: right;
}
.card-org img {
    mix-blend-mode: multiply;
}





.card-event {
    position: relative;
    border-width: 8px;
    border-style: solid;
    font-size: calc(8px + 8px);
    text-decoration: none;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    float: left;
    margin: 1em 1%;
    flex: 1 1 23%;
}
.card-event:hover {
    text-decoration: underline;
    outline: 3px solid #000;
    border-radius: 0;
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.8);
}
.card-event .title {
    color: #000;
    padding: 0.4em 0.2em 0.3em;
}
.card-event .date {
    margin-top: auto;
    color: #fff;
    font-weight: bold;
    padding-top: 0.4em;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.card-event .location {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}




.card-programme {
    position: relative;
    display: block;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.card-programme .card-programme-event-count {
    color: #000;
    width: 100%;
    margin-right: 0.2em;
    text-align: right;
    grid-column: 1/-1;
}



/* programme normal */

.card-programme.default .card-programme-head {
    position: relative;
    background: #000 url('/gfx/bg-stars-black.png');
    color: #fd0;
    padding: 5px 5px 2px;
    text-align: right;
}
.card-programme.default .card-programme-head-lights {
    padding: 5px;
    border-color: #fd0;
    border-width: 3px;
    border-style: solid dashed;
}
.card-programme.default .card-programme-head-lights > .title {
    color: #f2f;
    font-weight: bold;
    text-align: center;
    padding: 1.2em 1.0em 1.0em;
    line-height: 1.13em;
    margin: 0;
    transform: skewX(-6deg) rotate(-6deg);
}
@supports (-webkit-background-clip: text) {
    .card-programme.default .card-programme-head-lights > .title {
        filter: contrast(2) brightness(1.1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: url('/gfx/rainbow-flat-muted-diagonal.png');
        background-size: auto 70%;
    }
    .card-programme.default .card-programme-head-lights > .title .cancelled {
        border: 0.05em solid #fff;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
        font-size: 0.8em;
    }
}
.card-programme.default .card-programme-head > .subtitle {
    min-height: 22px;
    margin: 5px 0;
}
.card-programme.default .card-programme-head .icon-feminista {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 7px;
    left: 5px;
}
.card-programme.default .card-programme-list {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 4px 2px;
    align-items: flex-start;
}
.card-programme.default:hover .card-programme-list {
    background: #fea;
}
.card-programme.default .card-programme-day {
    border: 1px solid #000;
    margin: min(3px, 0.147vw + 1.529px) 2px;
    border-top: min(10px, 0.882vw + 1.176px) solid #000;
    border-radius: 0 min(7px, 0.735vw + -0.353px) 0 0;
}
.card-programme.default .card-programme-event {
    flex: 0 1 30%;
    display: flex;
    align-items: stretch;
    flex: 0 0 10px;
}
.card-programme.default .card-programme-event-time {
    width: 10px;
    background-color: #000;
    padding: 1px 2px 1px 2px;
}
.card-programme.default .card-programme-event-time > div {
    height: 2px;
}
.card-programme.default .card-programme-event-title {
    padding: 1px 2px 1px 2px;
    width: 100%;
}
.card-programme.default .card-programme-event-title > div {
    height: 2px;
    background-color: #000;
}
@media screen and (max-width: 620px) {
    .card-programme.default .card-programme-event-time > div,
    .card-programme.default .card-programme-event-title > div {
        height: 1px;
    }
}

.card-programme.default .card-programme-event:last-child .card-programme-event-title {
    padding-bottom: 2px;
}
.card-programme.default .card-programme-event:first-child .card-programme-event-title {
    padding-top: 2px;
}
.card-programme.default .card-programme-districts {
    min-height: 1em;
    /*width: 100%;*/
    background: #000 url('/gfx/bg-stars-black.png');
    color: #fff;
    padding: 0.3em 5px;
    text-align: right;
}




/* programme exhibition thumb */

.card-programme.exhibition {
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.card-programme.exhibition .card-programme-head {
    border: 15px dashed #000;
    border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 15px repeat;
    padding: 5px 5px 2px;
    background: #2b3c05 url('/gfx/bg-programme-exhibition-stars.png') center center repeat;
    text-align: right;
}
.card-programme.exhibition .card-programme-head-pad {
    position: relative;
    padding: 5px;
}
.card-programme.exhibition .card-programme-head-pad > .title {
    color: #e9ece5;
    font-weight: bold;
    text-align: left;
    padding: 1.0em 0.8em 1.5em;
    line-height: 1.13em;
    background: url('/gfx/bg-programme-exhibition-head-pencil.png') no-repeat;
    background-position: 90% 90%;
    background-size: 40%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 1;
    margin: 0;
}
.card-programme.exhibition .card-programme-head-pad > .subtitle {
    position: absolute;
    min-height: 22px;
    top: 7px;
    right: 5px;
    margin: 0;
    padding: 0.1em 0.3em 0.6em;
    background: url('/gfx/bg-programme-exhibition-year.png') no-repeat center center;
    background-size: contain;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.2em;
}
.card-programme.exhibition .card-programme-head .icon-feminista {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 7px;
    left: 5px;
}
.card-programme.exhibition .card-programme-list {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 15px dashed #000;
    border-top: none;
    border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 0 15px repeat;
    border-top: none;
    border-bottom: none;
    align-content: flex-end;
    padding: 20px 3px 6px;
    align-items: flex-start;
    background: linear-gradient(180deg, #e9d9c2, #e9d9c2 15px, #f2e5d0 15px);
}
.card-programme.exhibition:hover .card-programme-list {
    background: #fea;
}
.card-programme.exhibition .card-programme-content {
    flex: 0 0 100%;
    background-color: #e9d9c2;
    height: 20px;
}
.card-programme.exhibition .card-programme-event {
    flex: 0 1 22%;
    margin: min(3px, 0.294vw + 0.059px) min(3px, 0.147vw + 1.529px);
    padding: 3px 3px min(8px, 0.588vw + 2.118px);
}
.card-programme.exhibition .card-programme-districts {
    min-height: 1em;
    width: 100%;
    border: 1px solid #530;
    border-top: 1px solid #000;
    padding: 0.3em 5px;
    background-color: #684c1e;
    color: #fff;
    text-align: right;
}




/* programme cinema thumb */

.card-programme.cinema {
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.card-programme.cinema .card-programme-head {
    padding: 5px 5px 2px;
    text-align: right;
    background-color: #070f3a;
    background-image: url('/gfx/bg-programme-cinema-stars.png'), linear-gradient(90deg, #060d31 0%, #2d3458 100%);
    background-size: contain, 100% 100%;
    background-position: top left, top left;
    color: #f4f095;
    border: 3px solid #eb68f2;
    box-shadow: inset 0 0 0.5rem #ee80f4;
    background-repeat: no-repeat;
}
.card-programme.cinema .card-programme-head-pad {
    position: relative;
    padding: 5px;
}
.card-programme.cinema .card-programme-head-pad > .title {
    font-weight: bold;
    padding: 3.3em 1.5em 0.6em;
    line-height: 1.13em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 1;
    margin: 0;
    text-align: center;
}
.card-programme.cinema .card-programme-head-pad > .subtitle {
    position: absolute;
    min-height: 22px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 1.5em;
    background: url('/gfx/bg-programme-cinema-star-year.png') no-repeat center center;
    background-size: contain;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.2em;
    color: #b68311;
}
.card-programme.cinema .card-programme-head .icon-feminista {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 7px;
    left: 5px;
}
.card-programme.cinema .card-programme-list {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-content: flex-end;
    padding: 20px 3px 6px;
    align-items: flex-start;
    position: relative;
    border: 3px solid #f4f095;
    border-top: none;
    border-bottom: none;
    background-image: linear-gradient(180deg, #8c8c8c 0%, #fafafa 100%);
    box-shadow: inset 0 0 0.5rem #f4f095;
}
.card-programme.cinema:hover .card-programme-list {
    background: #fea;
}
.card-programme.cinema .card-programme-content {
    flex: 0 0 100%;
    background-color: #e9d9c2;
    height: 20px;
}
.card-programme.cinema .card-programme-event {
    flex: 0 1 22%;
    margin: 3px;
    padding: 3px 3px 9px;
}
.card-programme.cinema .card-programme-districts {
    min-height: 1em;
    width: 100%;
    border: 1px solid #530;
    border-top: 1px solid #000;
    padding: 0.3em 5px;
    background: #3D3D3D;
    color: #fff;
    text-align: right;
}







/*************************/
/******  css-5-bee  ******/
/*************************/


.bee {
    flex: 1 1 9em;
    margin: 3px;
    border: 1px solid transparent;
}
.bee > div {
    padding: 0.4em;
    /*transition: all 0.1s ease-out;*/
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    border-right: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.04), -1px -1px 3px rgba(255, 255, 255, 0.04);
    background-color: #fff66f;
    background-image:
        linear-gradient(180deg, rgba(0, 0, 0, 0.035), rgba(0, 0, 0, 0.03) 2.1rem, rgba(255, 255, 255, 0) 2.3rem),
        linear-gradient(175deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 100%);
    text-decoration: none;
    font-family: 'at', monospace;
    font-size: 13px; font-size: min(13px, 0.441vw + 8.588px);
    hyphens: auto;
}
.bee.mini {
    max-width: 190px;
}
.bee:not(.mini) {
    /*min-width: 280px;*/
    flex: 0 1 380px;
}
.bee:not(.mini) > div {
    /*padding: 0.8em;*/
}
.bee .edit,
.bee .showMore {
    float: right;
    clear: left;
    margin-top: 0.2em;
    margin-right: -0.4em;
    margin-bottom: -0.4em;
    padding: 0.2em 0.4em 0.1em;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: 3px;
    background-color: rgba(0, 0, 0, 0.05);
}
.bee .edit {
    float: left;
    margin-right: 0;
    margin-left: -0.4em;
    border: 0;
    background-color: transparent;
}
.bee .showMore:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.bee .t1 {
    font-size: 15px; font-size: min(15px, 0.441vw + 10.588px);
}
.bee .t2 {
    font-size: 14px; font-size: min(14px, 0.441vw + 9.588px);
}
.bee a:not(:hover) {
    color: #037;
}

.bee .content {
    margin: 0.4em 0;
}
.bee .content > * {
    line-height: 1.2;
}
.bee .content > *:last-child {
    margin-bottom: 0;
}
.bee img {
    margin-left: auto;
    margin-right: auto;
}
.bee .links a {
    margin-bottom: 0.5em;
}



.bee:focus-within {
    outline: 4px solid red !important;
}

.bee.mini .images > figure:nth-child(n+2) {
    display: none;
}

.bee.mini .content > * {
    display: none;
}
.bee.mini .content > :first-child {
    display: initial;
}

.bee.mini .links > a:nth-child(n+2) {
    display: none;
}

.bee.mini .glider-items > *:not(.active) {
    display: none;
}

.bee .glider-indicators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bee .glider-indicator {
    padding: 0.3em;
}
.bee .glider-indicator:hover {
    padding: 0.3em;
    background: rgba(0, 0, 0, 0.2);
}
.bee .glider-indicator div {
    padding: 0.0em 0.4em;
    border: 1px solid #000;
    border-radius: 1em;
    pointer-events: none;
}
.bee .glider-indicator.active div {
    background: #000;
    color: #fff;
}




.bee-yellow > div {
    background-color: #fff66f;
}
.bee-green > div {
}
.bee-7 > div {
    background-color: #60f5f7;
    background-color: #fba8ff;
    background-color: #c4acd2;
    background-color: #e0c7ee;
}

.bee-5 > div {
    background-color: #b1ff62;
}

.bee-6 > div {
    background-color: #ead2af;
}

.bee-3 > div {
    background-color: #b1ece6;
}

.bee-4 > div {
    background-color: #bcef7d;
}

.bee-2 > div {
    background-color: #fff;
}

.bee-8 > div {
    background-color: #fff66f;
}

.bee-9 > div {
    background-color: #eed7da;
}


.bee-1 {
    padding: 0.4em 1px;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent -8px,
            transparent -5px,
            #000 -5px,
            #000 5px,
            transparent 5px,
            transparent 8px
        ) center center,
        linear-gradient(
            to right,
            #000 2%,
            transparent 2%,
            transparent 5%,
            #000 5%,
            #000 95%,
            transparent 95%,
            transparent 98%,
            #000 98%
        ) center;
    background-size: 100% 16px, 100%;
}
.bee-1 > div {
    background: #fff;
    border: none;
    border-radius: 8px;
    margin-left: 7%;
    margin-right: 7%;
    padding: 0.4em;
}







/***************************************/
/******  css-6-page-organization  ******/
/***************************************/



/* organizations */

.organizations {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-around;
}
.organizations.argt {
    width: 20%;
    float: right;
}
h3.organizations-header {
    float: right;
    font-family: 'at', monospace, serif;
    margin-bottom: 1em;
    font-size: 0.9em;
    text-align: left;
    margin-top: 0;
    width: 100%;
    cursor: default;
}
.organizations img {
    display: inline;
}
.organizations-districts {
    border-top: 3px solid #000;
    padding: 1em 0 2em;
    align-items: start;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.organizations > * {
    margin: 0.25rem;
}
.organizations-districts > * {
    flex: 1 1 15%;
}
.organizations-districts.filterActive {
    display: none;
}




.event-thumb-list {
    width: 100%;
    border-top: 3px solid #000;
    padding: 1em 0 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    text-align: center;
}


@media screen and (max-width: 620px) {
    .organizations-districts {
        justify-content: center;
    }
}





/**************************************/
/******  css-6-page-addEventOrg  ******/
/**************************************/


.main-addEventsOrgs h1 {
    text-align: center;
    border-bottom: 3px dotted #3a2;
    padding-bottom: 0.5em;
    margin-bottom: 0.8em;
}
.main-addEventsOrgs .pamphlet {
    max-width: 800px;
    hyphens: none;
}
.main-addEventsOrgs .pamphlet .f1 {
    /*text-align: center;*/
}
.main-addEventsOrgs .pamphlet .f2 {
    text-align: left;
}





/********************************/
/******  css-6-page-event  ******/
/********************************/


.cork {
    border-top:    15px solid #370700;
    border-left:   15px solid #370700;
    border-bottom: 15px solid #230500;
    border-right:  15px solid #230500;
    background: #603520 center center;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url('/gfx/bg-cork.jpg');
    color: #fff;

    padding: 2.5% 5%;

    -webkit-clip-path: polygon(
        0% 10px, 10px 10px, 10px 0%,
        calc(100% - 10px) 0%, calc(100% - 10px) 10px, 100% 10px,
        100% calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) 100%,
        10px 100%, 10px calc(100% - 10px), 0% calc(100% - 10px)
    );
    clip-path: polygon(
        0% 10px, 10px 10px, 10px 0%,
        calc(100% - 10px) 0%, calc(100% - 10px) 10px, 100% 10px,
        100% calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) 100%,
        10px 100%, 10px calc(100% - 10px), 0% calc(100% - 10px)
    );
    box-shadow: inset 4px 4px 0 rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 2em;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    font-size: 20px; font-size: min(20px, 0.882vw + 11.176px);
}
.cork > * {
    margin: 2.5% 0;
}
.cork h1 {
    font-size: 36px; font-size: min(36px, 2.059vw + 15.412px);
    font-weight: bold;
}
.cork .programmes {
    color: #fd0;
    font-weight: bold;
}
.cork .programmes a {
}
.cork .programmes a:hover {
    color: #f2f;
}
.cork .programmes a:not(:hover) {
    color: #f38;
}
.cork .icon-feminista {
    position: absolute;
    bottom: 0;
    width: 32px;
    margin-bottom: 6px;
    margin-left: -6px;
    z-index: 1;
}
.cork .cartazes {
    filter: drop-shadow(4px 7px rgba(0, 0, 0, 0.3));
    font-size: 16px; font-size: min(16px, 0.294vw + 13.059px);
}
.cork .posters {
    display: none;
}
.cork .poster {
    padding: 0;
    list-style: none;
    -webkit-clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
            clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
    display: flex;
    flex-direction: column;
    text-shadow: none;
}
.cork .poster li {
    background: #fdefcd url('/gfx/bg-paper-transparente-10.png');
    -webkit-clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
            clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
    margin: 10px;
    text-align: center;
    line-height: 1.8;
}
.cork .poster li img {
    object-fit: contain;
    max-width: 100%;
    max-height: 94vh;
}
.cork .icon-registration,
.cork .icon-date,
.cork address .icon-place {
    margin-left: -40px;
    height: 0;
}
.cork .icon-registration img,
.cork .icon-date img,
.cork address .icon-place img {
    max-width: 32px;
    width: 8vw;
}
.cork .registrations,
.cork .dates {
    list-style: none;
    padding-left: 40px;
    font-weight: bold;
}
.cork .registrations > *,
.cork .dates > * {
    line-height: 1.1;
    padding-bottom: 0.4rem;
}
.cork .registrations .past,
.cork .dates .past {
    color: #bbb;
}
.cork .registrations .next,
.cork .dates .next {
    font-size: 30px; font-size: min(30px, 1.765vw + 12.353px);
}

.cork address {
    padding-left: 40px;
    font-style: normal;
    margin-bottom: 1.5em;
}
.cork address .lugar {
    font-size: 1.0em;
}
.cork address .locality {
    font-size: 1.0em;
}
.cork address .distrito {
    font-size: 1.0em;
}

.main-event > .pamphlet .f1::before {
    content: '/ ';
}
.main-event > .pamphlet .f1::after {
    content: ' /';
}







/************************************/
/******  css-6-page-programme  ******/
/************************************/


.programmes-list {
    width: 100%;
    display: block;
    clear: both;
}
.programmes-years {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-top: 3px solid #000;
    padding: 2em 0 2em;
}
.programmes-years > * {
    flex: 0 1 23%;
    margin: 1%;
    min-width: 140px;
}





/* programme */

.programme {
    width: 100%;
    min-height: 600px;
    color: #fd0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}
.programme .programme-head {
    background: #000 url('/gfx/bg-stars-black.png');
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 1em;
}
.programme-head > *:not(.programme-head-lights) {
    padding: 0.5rem;
    margin: 0 2%;
    display: inline-block;
    float: right;
    clear: both;
    background-color: #000;
}
.programme-head-lights {
    position: relative;
    overflow: hidden;
    margin: 2%;
}
.programme-head > .programme-head-lights::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 1.1rem 8px;
    border-color: #fd0;
    border-width: 9px;
    border-style: solid dashed;
    filter: drop-shadow(0 0 5px rgba(255, 255, 0, 0.6));
    pointer-events: none;
}
.programme .programme-head a:not(:hover) {
    color: #f2f;
    text-align: right;
}
.programme .programme-head p {
    color: #fff;
    text-align: right;
}
.programme .programme-head .f1 {
    color: #f2f;
    font-weight: bold;
    font-size: 100px; font-size: min(100px, 8.824vw + 11.765px);
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.41);
    padding: 1.0em 0.5em 1.0em;
    line-height: 1.13em;
    margin: 0;
    transform: skewX(-6deg) rotate(-6deg);
}

@media (max-width: 1000px) {
    .programme .programme-head .f1 {
        text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.41);
    }
}

@supports (-webkit-background-clip: text) {
    .programme .programme-head .f1 {
        filter: contrast(1.5) brightness(1.6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: url('/gfx/rainbow-flat-muted-diagonal.png');
        background-size: auto 60%;
        background-position: center;
    }
    .programme .programme-head .f1 .cancelled {
        border: 0.05em solid #fff;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
        font-size: 0.6em;
    }
}
.programme .programme-head .f1.active {
    /*text-shadow: -0.03em 0.03em 1px rgba(0, 0, 0, 1.0);*/
    /*transform: skewX(10deg) rotate(10deg);*/
}
.programme .programme-head .f2,
.programme .programme-head .f3 {
    text-align: right;
    min-height: 1em;
}
.programme figure.icon-feminista img {
    transform: translate(50%, -50%);
}
.programme figure.icon-feminista img.active {
    transform: translate(2em, -5.6em);
}
.programme > h2 {
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    text-align: center;
    padding: 0.5em 0 0.4em 0;
}
.programme-body {
    background: #fff url('/gfx/bg-poster-programme.jpg');
    background-size: 100% 100%;
    padding: 0 0.5em 2em 0.5em;
    color: #000;
}
.programme-filter {
    margin: 2em 0.5em;
}
.programme-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.programme-content {
    flex: 0 0 100%;
    margin: 3em auto 2em auto;
    -webkit-hyphens: auto;
            hyphens: auto;
    max-width: 760px;
    text-align: justify;
}
.programme-content p {

}
.programme-list .day {
    position: relative;
    flex: 1 1 300px;
    margin: 2.0em 0.5em 1.5em 0.5em;
}
.programme-list .day .sticker {
    left: initial;
    right: 0;
}
.programme-list .day .sticker.today {
    transform: translate(10px, -28px) rotate(-20deg);
}
.programme-list .day .sticker.tomorrow {
    transform: translate(10px, -32px);
}
.programme .day a {
    display: flex;
    line-height: 1.2;
}
.programme .day a:not(:hover) {
    text-decoration: none;
    color: #000;
}
.programme .day a:hover {
    text-decoration: underline;
}
.programme-list .day > h3 {
    text-align: center;
    margin: 0;
    padding: 0.5em 0.5em 0.3em;
    color: #fff;
    font-weight: bold;
    background: #000;
    border-top-right-radius: 1.2em;
}
.programme-list .day > h3 > .prefix {
    float: left;
    margin-left: 0.2em;
    position: relative;
    top: 0.1em;
}
.programme-list .day .events {
    background: rgba(255, 255, 255, 0.8);
    border: 3px solid #000;
    display: flex;
    flex-direction: column;
    position: relative;
}
.programme-list .day .times {
    margin-right: 0.5em;
    font-weight: bold;
    padding: 0.5em;
    background: #000;
    min-width: 3em;
}
.programme-list .day .title {
    padding: 0.5em 1em 0.5em 0;
    width: 100%;
}
.programme-list .day .title small {
    float: right;
    margin-top: 0.2em;
    font-weight: bold;
}
.programme-orgs {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em;
    background: #000 url('/gfx/bg-stars-black.png');
}
.programme-orgs h3 {
    flex: 0 0 100%;
    padding: 0.5rem;
    background-color: #000;
}
.programme-orgs .org {
    flex: 1 1 80px;
    margin: 0 0.5em 1em;
    max-width: 80px;
}
.programme-orgs::after {
    content: '';
    flex: auto;
}
.programme .programme-orgs figure {
    margin-bottom: 0.5em;
}
.programme-orgs a.org img {
    filter: saturate(0) invert(1);
    mix-blend-mode: lighten;
}
.programme .programme-orgs a {
    font-size: 15px;
    text-align: center;
    line-height: 1;
}
.programme .programme-orgs a:not(:hover) {
    color: #ddd;
    text-decoration: none;
}
.programme .programme-orgs a:hover img {
    filter: none;
    mix-blend-mode: normal;
}







/* programme-exhibition */

.programme-exhibition {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 600px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.programme-exhibition-head {
    width: 100%;
    background: #2b3c05 url('/gfx/bg-programme-exhibition-stars.png') center center repeat;
    color: #e9ece5;
    border: 41px dashed #000;
    border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 41px repeat;
}
.programme-exhibition-head-pad {
    position: relative;
    margin: 4%;
}
.programme-exhibition-head .f1 {
    margin: 0;
    padding: 1.7em 0 1.4em;
    background: url('/gfx/bg-programme-exhibition-head-pencil.png') no-repeat;
    background-position: 100% 85%;
    background-size: 40%;
    font-weight: bold;
    font-size: 92px; font-size: min(92px, 9.412vw + -2.118px);
    text-align: left;
    text-shadow: 0.02em 0.02em 2px rgba(0, 0, 0, 0.4);
    line-height: 1.13em;
    mix-blend-mode: normal;
    float: left;
    z-index: 23;
    position: relative;
}
.programme-exhibition-head .f2 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0.3em 0.4em 0.8em;
    background: url('/gfx/bg-programme-exhibition-year.png') no-repeat center center;
    background-size: contain;
    font-weight: bold;
    font-size: 60px; font-size: min(60px, 5.588vw + 4.118px);
    text-align: center;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
}
.programme-exhibition-head .f3 {
    text-align: right;
}
.programme-exhibition-districts {
    clear: both;
    text-align: right;
    margin: 0 0 1em 90px;
}
.programme-exhibition-body {
    background: #f2e5d0;
    position: relative;
    border: 41px dashed #000;
    border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 0 41px repeat;
    border-top: none;
    padding: 0;
    border-bottom: none;
}
.programme-exhibition-content {
    background-color: #e9d9c2;
    padding: 3em;
    font-family: 'at', monospace;
    font-size: 1.1em;
}
.programme-exhibition-list {
    background: #f2e5d0;
    position: relative;
    padding: 2em 1em 1em;
}
.programme-exhibition-orgs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border: 1px solid #530;
    border-top: 1px solid #000;
    padding: 1.5em 1.5em 3em;
    background: #684c1e url('/gfx/bg-programme-exhibition-orgs-line.png') repeat-x;
    background-position: center bottom 18px;
    color: #fff;
}
.programme-exhibition-orgs h3 {
    flex: 0 0 100%;
    padding: 0.5rem;
}
.programme-exhibition-orgs .org {
    flex: 1 1 80px;
    margin: 0 0.5em 1em;
    max-width: 80px;
}
.programme-exhibition-orgs::after {
    content: '';
    flex: auto;
}
.programme-exhibition .programme-exhibition-orgs figure {
    margin-bottom: 0.5em;
}
.programme-exhibition .programme-exhibition-orgs a {
    font-size: 15px;
    text-align: center;
    line-height: 1;
    color: #ddd;
    text-decoration: none;
}
.programme-exhibition .programme-exhibition-orgs a:hover {
    text-decoration: underline;
    color: #fd0;
}




/* programme-cinema */

.programme-cinema {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 600px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.programme-cinema-head {
    width: 100%;
    background-color: #070f3a;
    background-image: url('/gfx/bg-programme-cinema-stars.png'), linear-gradient(90deg, #060d31 0%, #2d3458 100%);
    background-size: contain, 100% 100%;
    background-position: top left, top left;
    color: #f4f095;
    border: 8px solid #eb68f2;
    box-shadow: inset 0 0 3rem #ee80f4;
    background-repeat: no-repeat;
}
.programme-cinema-head-pad {
    position: relative;
    margin: 0.5em;
}
.programme-cinema-head .f1 {
    width: 100%;
    margin: 0;
    padding: 2.5em 1.2em 1.0em;
    font-weight: bold;
    font-size: 92px; font-size: min(92px, 9.412vw + -2.118px);
    text-align: center;
    text-shadow: 0.02em 0.02em 2px rgba(0, 0, 0, 0.4);
    line-height: 1.13em;
    float: left;
}
.programme-cinema-head .f2 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 1.5em 1.2em;
    background: url('/gfx/bg-programme-cinema-star-year.png') center center no-repeat;
    background-size: contain;
    font-weight: bold;
    font-size: 60px; font-size: min(60px, 5.588vw + 4.118px);
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.08);
    color: #b68311;
}
.programme-cinema-head .f3 {
    text-align: right;
}
.programme-cinema-districts {
    clear: both;
    color: #e9ece5;
    text-align: right;
    margin: 0 1.5em 2.8em 90px;
    font-size: 22px; font-size: min(22px, 0.882vw + 13.176px);
}
.programme-cinema .icon-feminista {
    transform: translate(2em, -2em);
}
.programme-cinema-body {
    background: #f2e5d0;
    position: relative;
    border: 8px solid #f4f095;
    border-top: none;
    border-bottom: none;
    padding: 0;
    background-image: linear-gradient(180deg, #8c8c8c 0%, #fafafa 100%);
    box-shadow: inset 0 0 3rem #f4f095;
}
.programme-cinema-content {
    padding: 3em;
    font-family: 'at', monospace;
    font-size: 1.1em;
}
.programme-cinema-list {
    position: relative;
    padding: 2em 1em 1em;
}
.programme-cinema-orgs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5em 1.5em 3em;
    background: #3D3D3D url('/gfx/bg-programme-cinema-org-line.png') repeat-x center bottom 18px;
    color: #fff;
}
.programme-cinema-orgs h3 {
    flex: 0 0 100%;
    padding: 0.5rem;
}
.programme-cinema-orgs .org {
    flex: 1 1 80px;
    margin: 0 0.5em 1em;
    max-width: 80px;
}
.programme-cinema-orgs::after {
    content: '';
    flex: auto;
}
.programme-cinema .programme-cinema-orgs figure {
    margin-bottom: 0.5em;
}
.programme-cinema .programme-cinema-orgs a {
    font-size: 15px;
    text-align: center;
    line-height: 1;
    color: #ddd;
    text-decoration: none;
}
.programme-cinema .programme-cinema-orgs a:hover {
    text-decoration: underline;
    color: #fd0;
}





/*******************************/
/******  css-6-page-hive  ******/
/*******************************/


.bee-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (max-width: 1000px) {
    .bee-list {
        justify-content: center;
    }
}





/******************************/
/******  css-7-calMonth  ******/
/******************************/


.cal-day-names,
.cal-day.prev,
.cal-day.next,
.cal-week-triangle {
    display: none;
}

.cal-month {
    font-weight: bold;
    font-size: 16px; font-size: min(16px, 0.294vw + 13.059px);
}
.cal-month > * {
    float: left;
    width: 100%;
    clear: both;
}

.cal-month > .cal-header {
    display: flex;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.1;
    min-height: 44px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.cal-month > .cal-header > a {
    color: #fff;
    background-color: #f38;
    text-decoration: none;
    padding: 0 0 4px 0;
}
.cal-month > .cal-header > a:hover {
    background-color: #f38;
    text-decoration: underline;
}
.cal-month > .cal-header-head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}
.cal-month > .cal-header-foot {
    margin-top: 4px;
}

.cal-month > .cal-header > .prevnext {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #6eb;
    background-size: contain, 44px 36px;
    background-repeat: no-repeat;
    background-position-y: top, bottom;
    font-size: 30px; font-size: min(30px, 1.912vw + 10.882px);
}
.cal-month > .cal-header-foot > .prevnext {
    justify-content: flex-start;
    background-position-y: bottom, top;
}

.cal-month > .cal-header > .prev {
    float: left;
    width: 27%;
    padding-right: 44px;
    text-align: right;
    background-position-x: left, right;
}
.cal-month > .cal-header > .next {
    float: right;
    clear: initial;
    width: 27%;
    padding-left: 44px;
    text-align: left;
    background-position-x: right, left;
}

.cal-month > .cal-header-head > .prev { background-image: url('/gfx/cal-month-name-head-prev.png'), url('/gfx/cal-month-name-arrow-prev.png'); }
.cal-month > .cal-header-head > .next { background-image: url('/gfx/cal-month-name-head-next.png'), url('/gfx/cal-month-name-arrow-next.png'); }
.cal-month > .cal-header-foot > .prev { background-image: url('/gfx/cal-month-name-foot-prev.png'), url('/gfx/cal-month-name-arrow-prev.png'); }
.cal-month > .cal-header-foot > .next { background-image: url('/gfx/cal-month-name-foot-next.png'), url('/gfx/cal-month-name-arrow-next.png'); }

.cal-month > .cal-header > .cur {
    width: 46%;
    clear: none;
    font-size: 44px; font-size: min(44px, 3.235vw + 11.647px);
    text-align: center;
    background: #a100cb url('/gfx/cal-month-name-arrow-cur.png') bottom center repeat-x;
    background-size: 44px 36px;

    line-height: 1;
    padding: 0.2em 0 0.6em 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cal-month > .cal-header-foot > .cur {
    background: #a100cb url('/gfx/cal-month-name-arrow-cur.png') top center repeat-x;
    background-size: 44px 36px;
    padding: 0.6em 0 0.2em 0;
}
.cal-day {
    width: 100%;
    min-height: 4em;
    padding: 1.6em 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    line-height: 1.1;
    z-index: 3;
    position: relative;
    align-self: start;
}
.cal-day:focus {
    outline: 3px solid #e11;
    outline-offset: 1px;
    z-index: 4;
}
.cal-day.past {
    opacity: 0.9;
}
.cal-day.prev,
.cal-day.next {
    color: #888;
    opacity: 0.454545;
    mix-blend-mode: luminosity;
}

.cal-day-spacer {
    position: absolute;
    top: -140px;
}
.cal-day-today-bg {
    background-color: rgba(246, 228, 0, 0.3);
}
.cal-day-number {
    float: left;
    height: 0.9em;
    min-width: 3em;
    margin: 0 0.5em;
    padding: 0 0.5em;
    font-size: 28px; font-size: min(28px, 1.176vw + 16.235px);
}
.cal-day.today .cal-day-number {
    border-bottom: 3px solid #f00;
    height: 1.2em;
}
.cal-day .cal-day-number .moon {
    position: relative;
    top: -0.2em;
    margin-left: 0.2em;
    font-size: 0.6em;
}
.cal-day .cal-day-number a.moon {
    text-decoration: none;
}
.cal-day .cal-day-number a.moon.eclipse-lunar::after {
    content: '🌑';
    position: absolute;
    left: 0.5em;
    top: 0;
    z-index: 1;
    transition: left 0.5s ease-in-out, opacity 0.5s ease-in-out;
    mix-blend-mode: difference;
    opacity: 0.7;
}
.cal-day .cal-day-number a.moon.eclipse-lunar:hover::after {
    left: 0;
    opacity: 1.0;
}
.cal-day .cal-day-number a.moon.eclipse-solar::after {
    content: '🌞';
    position: absolute;
    top: -0.16em;
    left: 0.3em;
    font-size: 1.5em;
    z-index: -1;
    transition: left 0.5s ease-in-out;
}
.cal-day .cal-day-number a.moon.eclipse-solar:hover::after {
    left: -0.1em;
}
.cal-day-name {
    float: left;
    margin-right: 1em;
    font-weight: normal;
}
.cal-day-special,
.cal-day-anniversary {
    font-weight: normal;
    color: #A50069;
    z-index: 3;
    margin: 0;
    display: block;
    width: 100%;
    text-align: right;
}
a.cal-day-special:not(:hover),
a.cal-day-anniversary:not(:hover) {
    text-decoration: none;
    color: #A50069;
}
a.cal-day-special + .cal-day-special,
a.cal-day-anniversary + .cal-day-anniversary {
    margin-top: 0.6em;
}
.cal-day-anniversary em {
    color: #d00;
    font-style: normal;
}
.cal-day-anniversaries .emoji {
    display: block;
    position: absolute;
    right: 0;
}
.cal-day-anniversaries img {
    margin: 0.3em 0 0 auto !important;
    padding: 0 !important;
    border: 1px solid #8a8117;
}
.cal-day-special img {
    right: 0;
    margin: 0 auto;
}
.cal-day-events {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
}
.cal-day-event {
    display: block;
    float: right;
    width: 73%;
    min-height: 2.5em;
    margin-top: 1px;
    padding: 0.35em 0.2em 0.45em;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    text-decoration: none;
    -webkit-hyphens: auto;
            hyphens: auto;
    line-height: 1.3;
}
.cal-day-event small {
    text-transform: uppercase;
}
.cal-day-event-time {
    float: right;
}
.cal-day-event-locality {
    float: right;
    clear: both;
}
.cal-month .cal-day-event:hover {
    position: relative;
    z-index: 3;
    outline: 3px solid #000;
    outline-offset: 0;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.cal-month .cal-day-event:focus {
    position: relative;
}
.cal-month.filter-evtOnly .cal-day > .cal-day-anniversaries,
.cal-month.filter-evtOnly .cal-day > .cal-day-special {
    display: none;
}

.cal-month.filter-aniOnly .cal-day > .cal-day-events {
    display: none;
}

@media screen and (max-width: 1000px) {
    .cal-month > .cal-header {
        background-size: contain, calc(11px + 3.3vw) calc(9px + 2.7vw);
    }
    .cal-month > .cal-header > .cur {
        background-size: calc(11px + 3.3vw) calc(9px + 2.7vw);
    }
    .cal-month > .cal-header > .prev {
        padding-right: calc(10px + 3.4vw);
        background-size: calc(11px + 3.3vw) calc(9px + 2.7vw);
    }
    .cal-month > .cal-header > .next {
        padding-left: calc(10px + 3.4vw);
        background-size: calc(11px + 3.3vw) calc(9px + 2.7vw);
    }
}





/********************************/
/******  css-9-responsive  ******/
/********************************/


@media screen and (max-width: 800px) {
    .programme-exhibition-head {
        border: 31px dashed #000;
        border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 31px repeat;
    }
    .programme-exhibition-body {
        border: 31px dashed #000;
        border-top: none;
        border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 0 31px repeat;
    }
}
@media screen and (max-width: 700px) {}
@media screen and (max-width: 620px) {
    .paper {
        background-size: 100%, 600px, 256px 256px;
        border-top-right-radius: 7vw;
        border-bottom-right-radius: 7vw;
        box-shadow:
            inset -1px -1px 0 rgba(0, 0, 0, 0.4),
            7px 7px 5px #000;
    }
    .paper .e {
        border-top-right-radius: 7vw;
    }
    a.header-logo:focus,
    a.header-logo:hover img {
        filter:
            drop-shadow(0px -1px 0.1px #fff)
            drop-shadow(1px -1px 0.15px #fff)
            drop-shadow(1px -1px 0.1px #f38)
        ;
    }
    main {
        flex-direction: column;
        padding-left: 2%;
        padding-right: 2%;
    }
    .news-list {
        padding-left: 2%;
        padding-right: 2%;
    }
    main > .programme,
    main > .programme-exhibition,
    main > .cal {
        padding-left: 0;
        padding-right: 0;
    }
    main > .programme .programme-list {
        margin: 0;
    }
    main > .alft,
    .pamphlet.alft {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    main > .argt,
    .organizations.argt {
        width: 100%;
    }
    main > .pamphlet {
        padding: 5px 3% 3%;
        font-size: 13px;
        outline-width: 2px;
        outline-offset: -5px;
        margin-left: -2px;
        margin-right: -2px;
        width: calc(100% + 4px);
    }
    .pamphlet .fitacola1,
    .pamphlet .fitacola2 {
        display: none;
    }
    .bookmark {
        display: none;
    }

    .cork {
        padding: 3%;
        border: 7px solid #370700;
        -webkit-clip-path: polygon(
            0% 5px, 5px 5px, 5px 0%,
            calc(100% - 5px) 0%, calc(100% - 5px) 5px, 100% 5px,
            100% calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%,
            5px 100%, 5px calc(100% - 5px), 0% calc(100% - 5px)
        );
        clip-path: polygon(
            0% 5px, 5px 5px, 5px 0%,
            calc(100% - 5px) 0%, calc(100% - 5px) 5px, 100% 5px,
            100% calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%,
            5px 100%, 5px calc(100% - 5px), 0% calc(100% - 5px)
        );
    }
    .event-thumb-list {
        padding: 3%;
    }
    .programme-exhibition-head {
        border: 21px dashed #000;
        border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 21px repeat;
    }
    .programme-exhibition-body {
        border: 21px dashed #000;
        border-top: none;
        border-image: url('/gfx/border-programme-exhibition-head.png') 41 / 0 21px repeat;
    }
}

@media screen and (max-width: 500px) {}
@media screen and (max-width: 400px) {}





/***********************************/
/******  css-9-accessibility  ******/
/***********************************/


@media (prefers-reduced-motion) {
}





/********************/
/******  grid  ******/
/********************/


@supports (display: grid) {

/****************************/
/******  css-3-glider  ******/
/****************************/

    .glider-items > .prev {
        z-index: 1;
    }
    .glider-items > .active {
        z-index: 3;
    }
    .glider-indicators > *:not(.active) {
        cursor: pointer;
    }

    .glider-items > * {
        /*transition: opacity 0.3s ease-out;*/
    }
    .glider-items > *:not(.active) {
        opacity: 0;
    }


    .glider-items {
        display: grid;
        align-items: center;
        justify-items: center;
    }
    .glider-items > * {
        grid-column: 1/2;
        grid-row: 1/2;
    }


/************************/
/******  css-4-tv  ******/
/************************/

    .tv-img-screen,
    .tv-img-bg {
        display: inherit;
        height: initial;
    }
    .tv > h2 {
        display: none;
    }

    .tv {
        margin: 0 1px;
        display: grid;
        grid-template-columns: 38fr 50fr 310fr 20fr 162fr;
        grid-template-rows: 73fr 140fr 130fr 40fr;
        max-width: 580px;
    }
    .tv-channels {
        grid-column: 1/6;
        grid-row: 1/5;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-color: transparent;
        padding: 0;
        display: grid;
    }
    .tv-channel {
        grid-column: 1/2;
        grid-row: 1/2;
        width: 100%;
        padding: 0;
        opacity: 0.0;
        transition: opacity 0.1s ease-in;
        display: grid;
        grid-template-columns: 38fr 50fr 310fr 20fr 162fr;
        grid-template-rows: 73fr 140fr 130fr 40fr;
        align-items: stretch;
    }
    .tv-channel.active {
        opacity: 1.0;
    }
    .tv-img-wrapper {
        overflow: hidden;
        grid-column: 2/4;
        grid-row: 2/4;
        position: relative;
    }
    .tv-img {
        position: absolute;
        max-width: initial;
        transform-origin: left top;
    }
    .tv-title {
        grid-column: 2/4;
        grid-row: 2/4;
        align-self: end;
        padding: 1% 2% 3% 16%;
        font-size: 23px; font-size: min(23px, 2.333vw + 8.533px);

        line-height: 1.1;
        color: #000;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
        background-color: rgba(252, 214, 211, 0.85);
        border-top: 2px solid #a2160c;
        z-index: 2;
        -webkit-hyphens: auto;
                hyphens: auto;
        transition: background-color 0.1s ease-in-out;
    }
    a.tv-title:hover,
    a.tv-title:focus {
        background-color: #de382d;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        outline: 0;
        text-decoration: underline;
    }

    .tv-icon {
        grid-column: 2/3;
        grid-row: 2/4;
        align-self: end;
        justify-self: end;
        padding: 0 0 20% 20%;
        display: block;
        z-index: 2;
        pointer-events: none;
    }
    .tv-featured {
        grid-column: 2/3;
        grid-row: 2/3;
        padding: 20% 0 0 20%;
        filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.4));
        display: block;
        align-self: start;
    }
    .tv-meta {
        grid-column: 5/6;
        grid-row: 2/3;
        text-align: center;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
        color: #e3b629;
        z-index: 5;
        font-weight: bold;
        align-self: center;
        cursor: default;
        margin: -5% -20px 0;
    }
    .tv-meta-date {
        font-size: 30px; font-size: min(30px, 4vw + 5.2px);

        line-height: 1.2;
        letter-spacing: -1px;
    }
    .tv-meta-time {
        font-size: 28px; font-size: min(28px, 4vw + 3.2px);
        line-height: 1.5;
        letter-spacing: -1px;
    }
    .tv-meta-district {
        font-size: 22px; font-size: min(22px, 2.333vw + 7.533px);
        line-height: 1.3;
        text-transform: uppercase;
    }
    .tv-img-screen,
    .tv-img-bg {
        grid-column: 1/6;
        grid-row: 1/5;
    }
    .tv-img-screen {
        z-index: 4;
        pointer-events: none;
    }
    .tv-img-bg {
        grid-column: 1/6;
        grid-row: 1/5;
        pointer-events: none;
    }
    .tv-buttons {
        grid-column: 5/6;
        grid-row: 3/4;
        padding: 4% 20%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        z-index: 4;
        justify-items: stretch;
        align-items: stretch;
    }
    .tv-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tv-button::before {
        content: '';
        border-radius: 50%;
        background-color: #888;
        border: 1px solid #333;
        width: 3.5vw;
        max-width: 24px;
        height: 3.5vw;
        max-height: 24px;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    }
    .tv-button:hover::before {
        background-color: #ccc;
    }
    .tv-button:hover:active::before {
        background-color: #e00;
        border: 1px solid #e22;
    }
    .tv-button.active::before {
        background-color: #ae0900 !important;
        border: 1px solid #e22 !important;
        box-shadow: 0 0 5px rgba(255, 50, 50, 0.5), 2px 2px 0 rgba(0, 0, 0, 0.15);
    }
    .tv-play {
        grid-column: 3/4;
        grid-row: 2/3;
        z-index: 4;
        justify-self: end;
        margin: 4% 4% 0 0;
        width: 24px;
        height: 28px;
        border: 0;
        background-color: transparent;
        background-image: url('/gfx/tv-pause.png');
        background-size: 24px, 28px;
        background-repeat: no-repeat;
        position: relative;
        cursor: pointer;
    }
    .tv-play::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: -3px;
        width: 30px;
        height: 3px;
        background: #f03ea5;
        display: none;
    }
    .tv-play.active::after {
        animation: gliderProgress 6.5s linear 0s 1;
        transform-origin: left bottom;
        display: block;
    }
    .tv-play.active {
        background-image: url('/gfx/tv-play.png');
    }
    .tv-spacer {
        display: block;
        grid-column: 1/-1;
        grid-row: 1/-1;
        height: 0;
        margin-bottom: 66.03448276%;
    }
    @keyframes gliderProgress {
        0% { transform: scaleX(0.0); }
        100% { transform: scaleX(1.0); }
    }


    @media screen and (max-width: 620px) {
        .tv-meta-date {
            letter-spacing: -1px;
        }

        .tv-play {
            width: 18px;
            height: 21px;
            background-size: 18px, 21px;
        }
        .tv-play::after {
            width: 24px;
        }
    }


/***************************************/
/******  css-6-page-organization  ******/
/***************************************/

    .organizations-districts {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        align-items: start;
        border-top: 3px solid #000;
        padding: 1em 0 2em;
        width: 100%;
    }

    .event-thumb-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        grid-gap: 0 1em;
        align-items: end;
    }
    .event-thumb-list > a {
        max-width: initial;
    }

    @media screen and (max-width: 620px) {
        .organizations-districts {
            justify-content: center;
            grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
        }
    }


/********************************/
/******  css-6-page-event  ******/
/********************************/

    .cork {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(4, auto) 1fr;
        grid-gap: 0.4em 5%;
        align-items: start;
    }
    .cork > * {
        grid-column: 2/3;
    }
    .cork .icon-feminista {
        grid-column: 1/2;
        grid-row: 1/2;
        z-index: 5;
        transform: translateY(-10px);
    }
    .cork .cartazes {
        grid-column: 1/2;
        grid-row: 1/8;
        width: 100%;
    }
    .cork .poster {
        display: grid;
        justify-items: stretch;
        align-items: stretch;
    }
    .cork .poster li {
        grid-column: 1/2;
        grid-row: 1/2;
        display: grid;
        justify-items: center;
        align-items: center;
    }
    .cork .posters {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }
    .cork .posters > img {
        border-radius: 64px;
        overflow: hidden;
        justify-self: start;
        align-self: start;
        transition: padding ease-out 0.1s;
        box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    }
    .cork .posters > img.active {
        padding: 5px;
    }
    .cork .posters > img:not(.active):hover {
        padding: 2px;
        background-color: #fff;
    }
    .cork h1 {
        grid-row: 1/2;
    }
    .cork .hr {
        grid-row: 2/3;
        width: 100%;
        height: 7px;
        box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.3);
    }
    .cork .registrations {
        grid-row: 3/4;
    }
    .cork .registrations {
        grid-row: 4/5;
    }
    .cork .dates {
        grid-row: 5/6;
    }
    .cork address {
        grid-row: 7/8;
    }


    @media screen and (max-width: 620px) {
        .cork {
            display: flex;
            flex-direction: column;
        }
        .cork > * {
            grid-column: 1/2 !important;
            grid-row: initial !important;
        }
    }


/************************************/
/******  css-6-page-programme  ******/
/************************************/

    .programmes-years {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(240px, 14.706vw + 92.941px), 1fr));
        grid-gap: 3em 1%;
    }
    .main-programme .programme-orgs {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    }
    .main-programme .programme-orgs .f3 {
        grid-column: 1/-1;
    }
    .programme-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    @media (max-width: 1000px) {
        .programme-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        }
    }

    .programme-content {
        grid-column: 1/-1;
    }
    .programme-exhibition-orgs {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    }
    .programme-exhibition-orgs .f3 {
        grid-column: 1/-1;
    }


/******************************/
/******  css-7-calMonth  ******/
/******************************/

    .cal-day.empty,
    .cal-day.prev,
    .cal-day.next,
    .cal-day-names {
        display: block;
    }

    .cal-week-triangle {
        display: block;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
        grid-column: 1/-1;
        margin: 0;
        z-index: 1;
    }
    .cal-month {
        grid-column: 2/3;
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-column-gap: 4px;
    font-size: 16px; font-size: min(16px, 1.301vw + 2.985px);
    }

    .cal-month > .cal-header {
        grid-column: 1/8;
        display: grid;
        grid-gap: 4px;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        background-image: url('/gfx/bg-paper.jpg');
        padding-bottom: 4px;
    }
    .cal-month > .cal-header > .prev,
    .cal-month > .cal-header > .next,
    .cal-month > .cal-header > .cur {
        width: 100%;
    }
    .cal-month > .cal-header-head {
        grid-row: 1/2;
        align-content: end;
    }
    .cal-month > .cal-header-foot {
        grid-row: 9/10;
    }

    .cal-month > .cal-header > .prev {
        grid-column: 1/3;
    }
    .cal-month > .cal-header > .next {
        grid-column: 6/8;
    }
    .cal-month > .cal-header > .cur {
        grid-column: 3/6;
    }
    .cal-month > .cal-header > .cal-day-names {
        grid-row: 2/3;
        background-color: #f6e400;
        color: #fff;
        font-weight: bold;
        font-size: 28px; font-size: min(28px, 2.059vw + 7.412px);
        padding: 0.5em 0.2em 0.1em;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
        line-height: 1.3;
        text-transform: capitalize;
    }


    .cal-day {
        align-self: auto;
        margin-bottom: 0;
        border-bottom: none;
    }
    .cal-day-number {
        padding: 0 5% 0 5%;
        font-size: 28px; font-size: min(28px, 2.059vw + 7.412px);
        margin: 0;
    }
    .cal-day-special {
        display: inline-block;
    }
    .cal-day-special,
    .cal-day-anniversary {
        margin-top: 0.7em;
    }
    a.cal-day-special + .cal-day-special,
    a.cal-day-anniversary + .cal-day-anniversary {
        margin-top: 0.3em;
    }
    .cal-day-events {
        margin-top: 0.3em;
    }

    .cal-day-event {
        width: 100%;
        grid-column: 1/-1;
        padding: 0.30em 0.2em 0.35em;
        line-height: 1.15;
    }
    .cal-day-name,
    .cal-day-event-time,
    .cal-day-event-locality {
        display: none;
    }

    .cal-weekday-1 { grid-column: 1/2; }
    .cal-weekday-2 { grid-column: 2/3; }
    .cal-weekday-3 { grid-column: 3/4; }
    .cal-weekday-4 { grid-column: 4/5; }
    .cal-weekday-5 { grid-column: 5/6; }
    .cal-weekday-6 { grid-column: 6/7; }
    .cal-weekday-7 { grid-column: 7/8; }

    .cal-week-1 { grid-row: 3/4; }
    .cal-week-2 { grid-row: 4/5; }
    .cal-week-3 { grid-row: 5/6; }
    .cal-week-4 { grid-row: 6/7; }
    .cal-week-5 { grid-row: 7/8; }
    .cal-week-6 { grid-row: 8/9; }

    .cal-day-othermonth-bg {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .filter-0-hideempty.filter-0-empty.hideempty-nogrid { display: block; }
    .filter-1-hideempty.filter-1-empty.hideempty-nogrid { display: block; }
    .filter-2-hideempty.filter-2-empty.hideempty-nogrid { display: block; }
    .filter-3-hideempty.filter-3-empty.hideempty-nogrid { display: block; }
    .filter-4-hideempty.filter-4-empty.hideempty-nogrid { display: block; }
    .filter-5-hideempty.filter-5-empty.hideempty-nogrid { display: block; }
    .filter-6-hideempty.filter-6-empty.hideempty-nogrid { display: block; }
    .filter-7-hideempty.filter-7-empty.hideempty-nogrid { display: block; }

    @media screen and (max-width: 1000px) {
        .cal-month {
            grid-column-gap: 3px;
        }
        .cal-month > .cal-header {
            grid-gap: 3px;
            padding-bottom: 3px;
        }
    }
    @media (max-width: 800px) {
        .cal-month { grid-column-gap: 2px; }
        .cal-month > .cal-header {
            grid-gap: 2px;
            padding-bottom: 2px;
        }
        .cal-month > .cal-header-head { margin-bottom: 2px; }
        .cal-month > .cal-header-foot { margin-top: 2px; }
    }
    @media (max-width: 600px) {
        .cal-month { grid-column-gap: 1px; }
        .cal-month > .cal-header {
            grid-gap: 1px;
            padding-bottom: 1px;
        }
        .cal-month > .cal-header-head { margin-bottom: 1px; }
        .cal-month > .cal-header-foot { margin-top: 1px; }
        .cal-day-event { text-shadow: none; }
    }

}