/* Module/Common/CSS/Root.css *************************************************************/
:root{
    --color-gold:#DFA831;
    --color-silver:#94A9AF;
    --color-bronze:#B8885B;

    --color-man:#3792cd;
    --color-woman:#ec83a9;

    --color-white:#FFF;
    --color-black:#000;

    --color-01:#e22931;
    --color-02:#000000;

    --color-light:#ffffff;
    --color-dark:#000000;

    --color-grey-01:#eeeeee;
    --color-grey-02:#cccccc;
    --color-grey-03:#949494;
    --color-grey-04:#636363;
    --color-grey-05:#333333;
    --color-over-01:#ccff66;

    --color-upcoming:#ffcc00;
    --color-inprogress:#4db103;
    --color-live:#4db103;
    --color-ended:#c34046;
    --color-stopped:#ff6600;

    --color-up:#22b14c;
    --color-equal:#7f7f7f;
    --color-down:#ed1c24;

    --font-01:var(--font-stack);
    --font-02:var(--font-primary);
    --font-size:16px
}
.idalgo{
    position:relative;
    color:var(--color-grey-05);
    font-family:var(--font-01);
    font-size:var(--font-size)
}
.idalgo button{
    font-family:var(--font-01)
}
.idalgo a{
    color:var(--color-grey-05)
}
.idalgo a[href]{
    color:unset
}
.idalgo *{
    box-sizing:border-box;
    text-decoration:unset
}
.idalgo img{
    border:0
}
.idalgo ul{
    list-style:none outside none;
    padding:0;
    margin:0
}
.idalgo li{
    list-style:none
}
.idalgo a[href]:hover{
    text-decoration:none
}
amp-script{
    opacity:1
}
/* Legacy */
div.div_idalgo_container table tbody tr:hover{
    background-color:transparent
}
.idalgo .sr-only{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}

/* || Widgets */
.idalgo.widget{
    border:1px solid var(--color-grey-02);
    border-radius:12px
}
.idalgo.widget > .widget.foot{
    margin:0 10px 10px 10px
}

/* || ContentFull */
.idalgo.full{
    display:grid;
    grid-template-columns:1fr minmax(0, 300px);
    gap:2em;
    align-items:start
}
.idalgo.full > .top{
    grid-row:1;
    grid-column:1/3
}
.idalgo.full > .main{
    grid-row:2/5;
    grid-column:1
}
.idalgo.full > .aside{
    display:flex;
    flex-direction:column;
    grid-row:2;
    grid-column:2;
    gap:32px
}
.idalgo.full > .aside.middle{
    grid-row:3
}
.idalgo.full > .aside.bottom{
    grid-row:4
}

/* Module/Sport/CSS/OlympicsNavigationDate.css ********************************************/
.idalgo .sport_olympics_navigation_date{
    display:flex;
    flex-direction:column;
    margin-bottom:20px
}
.idalgo .sport_olympics_navigation_date > a,
.idalgo .sport_olympics_navigation_date > button,
.idalgo .sport_olympics_navigation_date > h2{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul{
    display:flex;
    background-color:var(--color-grey-01);
    border-radius:8px;
    min-height:48px;
    overflow:hidden
}
.idalgo .sport_olympics_navigation_date > ul > li{
    display:flex;
    white-space:pre-line;
    text-transform:uppercase;
    text-align:center;
    flex:1;
    min-height:48px;
    align-items:center;
    justify-content:center;
    transition:background-color 0.1s ease;
    cursor:pointer
}
.idalgo .sport_olympics_navigation_date[data-hidden-empty="1"] > ul > li.empty{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul > li.empty{
    display:none
}
.idalgo .sport_olympics_navigation_date > ul > li > a,
.idalgo .sport_olympics_navigation_date > ul > li > button{
    display:flex;
    flex:1;
    height:100%;
    align-items:center;
    justify-content:center;
    border:none;
    padding:0;
    background-color:transparent;
    font-size:1em
}
.idalgo .sport_olympics_navigation_date > ul > li > a:hover,
.idalgo .sport_olympics_navigation_date > ul > li > button:hover{
    background-color:var(--color-grey-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"],
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"]{
    cursor:initial;
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > ul > li > a:focus-visible,
.idalgo .sport_olympics_navigation_date > ul > li > button:focus-visible{
    outline-offset:-1px
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span,
.idalgo .sport_olympics_navigation_date > ul > li > button > span{
    display:flex;
    flex:1;
    height:100%;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    cursor:pointer;
    font-weight:500
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button > span > span{
    color:var(--color-grey-05)
}
.idalgo .sport_olympics_navigation_date > ul > li > a > span > span.name,
.idalgo .sport_olympics_navigation_date > ul > li > button > span > span.name{
    font-size:.75em;
    text-transform:lowercase
}
.idalgo .sport_olympics_navigation_date > ul > li > a[aria-expanded="true"] > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[aria-expanded="true"] > span {
    background-color:var(--color-02)
}
.idalgo .sport_olympics_navigation_date > ul > li > a[aria-expanded="true"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[aria-expanded="true"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > a[data-selected-filter="1"] > span > span,
.idalgo .sport_olympics_navigation_date > ul > li > button[data-selected-filter="1"] > span > span{
    color:var(--color-light)
}
/* || legend */
.idalgo .sport_olympics_navigation_date > .legend{
    display:flex;
    min-height:25px;
    font-size:0.75em;
    align-items:center;
    justify-content:start
}
.idalgo .sport_olympics_navigation_date > .legend > span{
    margin:4px 0;
    margin-left:10px
}
.idalgo .sport_olympics_navigation_date > .legend > span::before{
    content:'';
    display:inline-block;
    margin-right:4px;
    height:8px;
    width:8px;
    border-radius:50%
}
.idalgo .sport_olympics_navigation_date > .legend > span:last-child::before{
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > .legend > span:first-child::before{
    background-color:var(--color-02)
}

/* Module/Common/CSS/Title.css ************************************************************/
/* || Title Widget */
.idalgo h2.title.widget{
    position:relative;
    margin:0;
    padding:10px;
    display:grid;
    grid-template-columns:1fr 40px;
    grid-template-rows:minmax(18px, auto) minmax(15px, auto);
    width:100%;
    box-sizing:border-box
}
.idalgo h2.title.widget > time,
.idalgo h2.title.widget > span{
    grid-column:1;
    grid-row:1;
    font-size:.625em;
    font-weight:bold;
    font-family:var(--font-02);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.idalgo h2.title.widget > span + time,
.idalgo h2.title.widget > time + time,
.idalgo h2.title.widget > span + span{
    grid-column:1;
    grid-row:2;
    font-size:.5em;
    color:var(--color-grey-04)
}

/* || SVG Widget */
.idalgo h2.title.widget > img,
.idalgo h2.title.widget > svg{
    grid-column:2;
    grid-row:1 / 3;
    justify-self:end;
    align-self:center;
    right:10px;
    bottom:10px;
    max-height:30px;
    max-width:40px
}
.idalgo h2.title.widget > svg{
    fill:var(--color-01)
}
.idalgo h2.title.widget > svg .c1{
    fill:var(--color-01)
}
.idalgo h2.title.widget > svg .c2{
    fill:var(--color-02)
}
.idalgo h2.title.widget > svg .g1{
    fill:var(--color-grey-01)
}
.idalgo h2.title.widget > svg .bg{
    fill:none
}

/* || Title Module */
.idalgo h2.title.module{
    position:relative;
    display:flex;
    margin:0 0 20px 0;
    padding:0;
    height:50px;
    width:100%;
    justify-content:start;
    align-items:center;
    box-sizing:border-box
}
.idalgo h2.title.module > span{
    text-transform:uppercase;
    font-size:1em;
    font-weight:bold;
    font-family:var(--font-02)
}

/* || SVG Modul (Hide/Show) */
.idalgo h2.title.module > button{
    position:relative;
    display:flex;
    border:1px solid var(--color-grey-01);
    background-color:transparent;
    border-radius:2px;
    justify-content:center;
    align-items:center;
    width:50px;
    height:30px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
    transition:all .5s ease-in-out
}
.idalgo h2.title.module > button > svg{
    height:16px;
    stroke:var(--color-01);
    transition:all .5s ease-in-out
}
.idalgo h2.title.module > button:hover{
    background-color:var(--color-01)
}
.idalgo h2.title.module > button:hover > svg{
    stroke:var(--color-white)
}
.idalgo h2.title.module[data-hide="1"] > button > svg{
    transform:rotate(0.5turn)
}
.idalgo h2.title.module ~ *[data-hide="1"]{
    display:none
}

/* Module/Sport/CSS/OlympicsCalendar.css **************************************************/
.idalgo.sport_olympics_calendar{
    display:flex;
    flex-direction:column
}
.idalgo.sport_olympics_calendar > h2{
    display:none
}
.idalgo.sport_olympics_calendar svg .bg{
    stroke:none
}

/* || filters */
.idalgo.sport_olympics_calendar > .filters{
    display:flex;
    margin-bottom:10px;
    flex-wrap:nowrap;
    justify-content:space-evenly;
    gap:8px;
    overflow-x:auto
}

/* || filters - list */
.idalgo.sport_olympics_calendar > .filters > button.list{
    display:flex;
    order:1;
    min-height:44px;
    height:100%;
    padding:10px;
    border-radius:8px;
    border:none;
    align-items:center;
    cursor:pointer;
    font-size:0.875em;
    background-color:var(--color-01);
    border-color:var(--color-grey-01);
    color:var(--color-light)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list{
    background-color:var(--color-grey-01);
    color:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list:focus,
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list:hover{
    background-color:var(--color-01);
    color:var(--color-light);
    transition:all 0.5s ease
}
/* .idalgo.sport_olympics_calendar > .filters > button.list > span.closed,
.idalgo.sport_olympics_calendar > .filters > button.list > span.opened{
    display:none
} */
.idalgo.sport_olympics_calendar:not([data-discipline="0"]) > .filters > button.list > span.opened,
.idalgo.sport_olympics_calendar:not([data-discipline="0"]) > .filters > button.list > span.closed{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}
.idalgo.sport_olympics_calendar > .filters > button.list[aria-expanded="false"] > span.opened,
.idalgo.sport_olympics_calendar > .filters > button.list[aria-expanded="true"] > span.closed{
    display:none
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline{
    display:flex;
    align-items:center
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list > div.discipline{
    display:none;
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > .discipline{
    order:1
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > .name{
    order:2
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > .remove{
    order:3
}
/* || filters - list - svg discipline */
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > svg{
    stroke:var(--color-light);
    fill:var(--color-light)
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > svg.discipline{
    height:40px
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > svg.remove{
    height:24px;
    margin-left:16px
}
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > svg.remove:focus{
    outline:none
}
/* || filters - list - svg open */
.idalgo.sport_olympics_calendar > .filters > button.list > svg{
    display:none;
    height:10px;
    stroke:var(--color-light);
    margin-left:10px;
    transition:all 0.5s ease
}
.idalgo.sport_olympics_calendar > .filters > button.list[aria-expanded="true"] > svg.open{
    transform:rotate(0.5turn)
}
.idalgo.sport_olympics_calendar > .filters > button.list > svg{
    stroke:var(--color-light);
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list > svg{
    display:unset;
    stroke:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar > .filters > button.list:focus > svg,
.idalgo.sport_olympics_calendar > .filters > button.list:hover > svg,
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list:focus > svg,
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list:hover > svg{
    stroke:var(--color-light)
}
/* || filters - list - svg presentation */
.idalgo.sport_olympics_calendar > .filters > button.list > svg.presentation{
    display:none;
    height:30px;
    fill:var(--color-grey-05);
    margin:0;
    transition:all 0.5s ease
}
.idalgo.sport_olympics_calendar > .filters > button.list[aria-checked="true"]  > svg.presentation{
    fill:var(--color-light)
}
.idalgo.sport_olympics_calendar > .filters > button.list > svg.presentation{
    display:none
}
/* || filters  - checkbox */
.idalgo.sport_olympics_calendar > .filters > span.checkbox{
    display:flex;
    order:2;
    min-height:44px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    gap:10px;
    background-color:var(--color-grey-01);
    border-radius:8px;
    padding:8px 16px;
    transition:all 0.5s ease
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.check{
    order:1;
    flex:0 0 auto;
    height:24px;
    background-color:var(--color-light);
    fill:transparent;
    border:1px solid var(--color-grey-02);
    border-radius:4px
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.favourite{
    order:4;
    background-color:transparent
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.presentation{
    display:none;
    height:20px;
    fill:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox[aria-checked="true"]  > svg.presentation{
    fill:var(--color-light)
}

.idalgo.sport_olympics_calendar > .filters > span.checkbox > img{
    order:2;
    border:1px solid var(--color-grey-02);
    border-radius:4px;
    height:20px
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox:focus > svg.check,
.idalgo.sport_olympics_calendar > .filters > span.checkbox:hover > svg.check{
    border-color:var(--color-grey-04)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > span{
    order:3;
    font-size:0.875em;
    line-height:1em
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox[aria-checked="true"] > svg.check{
    stroke:var(--color-01)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox[aria-checked="true"] > span{
    color:var(--color-01)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.favourite{
    order:3;
    fill:var(--color-01);
    width:20px;
    transition:all 0.5s ease
}
/* || disciplines */
.idalgo.sport_olympics_calendar > ul.disciplines{
    display:none;
    grid-template-columns:repeat(4, 1fr);
    gap:4px;
    border:1px solid var(--color-grey-02);
    border-radius:8px;
    padding:10px 10px 5px 10px;
    margin-bottom:32px
}
.idalgo.sport_olympics_calendar[data-discipline-open="1"] > ul.disciplines{
    display:grid
}
.idalgo.sport_olympics_calendar > ul.disciplines > li{
    display:flex
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button{
    display:flex;
    align-items:center;
    margin:0;
    cursor:pointer;
    background-color:transparent;
    border:none;
    font-size:1em;
    width:100%;
    border-radius:4px;
    padding:4px
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button > svg{
    width:40px;
    fill:var(--color-grey-04);
    transition:all .5s ease;
    border-radius:4px;
    margin-left:8px;
    cursor:pointer
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button > span{
    margin-left:5px;
    font-size:.75em;
    text-align:left;
    transition:all .5s ease;
    color:var(--color-dark);
    font-weight:bold
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button:hover > svg{
    fill:var(--color-01)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button:hover > span{
    color:var(--color-01)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button:hover{
    background-color:var(--color-grey-01)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button[aria-expanded="true"]{
    background-color:var(--color-01)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button[aria-expanded="true"] > svg{
    fill:var(--color-light)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button[aria-expanded="true"] > span{
    color:var(--color-light)
}
/* || progress */
.idalgo.sport_olympics_calendar > progress{
    display:none;
    height:2px;
    border:none;
    width:100%
}
.idalgo.sport_olympics_calendar > progress::-moz-progress-bar,
.idalgo.sport_olympics_calendar > progress::-webkit-progress-value{
    background:var(--color-01)
}
.idalgo.sport_olympics_calendar > progress[max]{
    display:initial
}
/* || games */
.idalgo.sport_olympics_calendar > ul.games{
    display:flex;
    flex:1;
    flex-direction:column
}
/* || game */
.idalgo.sport_olympics_calendar > ul.games > li{
    display:none;
    position:relative;
    flex:1;
    grid-template-columns:56px 24px 1fr 260px 36px;
    grid-template-rows:minmax(16px, auto) 6px minmax(36px, auto);
    align-items:center;
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:var(--color-grey-02);
    padding:8px 0
}
.idalgo.sport_olympics_calendar[data-favourite="0"] > ul.games > li{
    grid-template-columns:56px 24px 1fr 260px;
}
.idalgo.sport_olympics_calendar > ul.games > li[data-selected="1"]{
    display:grid
}
.idalgo.sport_olympics_calendar > ul.games > li:hover{
    box-shadow:-1px 2px 10px 2px rgba(127, 127, 127, 0.1);
    z-index:1;
    text-decoration:none
}
/* || game - time */
.idalgo.sport_olympics_calendar > ul.games > li > .time{
    grid-column:1;
    grid-row:1;
    font-size:.875em;
    font-weight:700;
    justify-self:center;
    color:var(--color-01)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > ul.games > li > .time{
    color:var(--color-grey-05)
}
/* || game - discipline name + country */
.idalgo.sport_olympics_calendar > ul.games > li > div.discipline{
    grid-column:3;
    grid-row:1;
    display:flex;
    align-items:center
}
.idalgo.sport_olympics_calendar > ul.games > li > div.discipline > span{
    order:2;
    font-size:.8125em;
    color:var(--color-01)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > ul.games > li > div.discipline > span{
    color:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar > ul.games > li > div.discipline > .country{
    order:1;
    border-radius:2px;
    border:1px solide var(--color_grey-01);
    height:12px;
    width:auto;
    margin-right:8px
}
/* || game - discipline logo */
.idalgo.sport_olympics_calendar > ul.games > li > svg.discipline{
    grid-column:1;
    grid-row:3;
    justify-self:center;
    height:36px;
    width:36px;
    fill:var(--color-light);
    background-color:var(--color-01);
    border-radius:4px
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > ul.games > li > svg.discipline{
    fill:var(--color-01);
    background-color:var(--color-grey-01);
}
/* || game - event */
.idalgo.sport_olympics_calendar > ul.games > li > .event{
    grid-column:3;
    grid-row:3;
    font-weight:700;
    font-size:.9375em
}
/* || game - round */
.idalgo.sport_olympics_calendar > ul.games > li > .round{
    grid-column:4;
    grid-row:1/3;
    align-self:flex-start;
    display:flex;
    align-items:center;
    font-size:.875em
}
.idalgo.sport_olympics_calendar > ul.games > li > .round > .group,
.idalgo.sport_olympics_calendar > ul.games > li > .round > .heat{
    margin-left:6px
}
.idalgo.sport_olympics_calendar > ul.games > li > .round > .medals{
    height:16px;
    margin-left:6px
}
/* || game - link */
.idalgo.sport_olympics_calendar > ul.games > li > .link{
    grid-column:4;
    grid-row:3;
    font-size:.9375em;
    text-decoration:underline;
    margin:0;
    padding:0;
    cursor:pointer
}
.idalgo.sport_olympics_calendar > ul.games > li > .link[href]:hover{
    background-color:unset;
    color:var(--color-01)
}
/* || game - favourite */
.idalgo.sport_olympics_calendar > ul.games > li > .favourite{
    order:4;
    grid-column:5;
    grid-row:1/4;
    justify-self:center;
    width:36px;
    fill:transparent;
    stroke:var(--color-01);
    cursor:pointer;
    transition:all 0.3s ease
}
.idalgo.sport_olympics_calendar > ul.games > li > .favourite:focus,
.idalgo.sport_olympics_calendar > ul.games > li > .favourite:hover{
    outline:none;
    stroke:var(--color-01)
}
.idalgo.sport_olympics_calendar > ul.games > li > .favourite:focus{
    width:32px;
}
.idalgo.sport_olympics_calendar > ul.games > li > .favourite[aria-checked="true"]{
    fill:var(--color-01)
}
/* || empty */
.idalgo.sport_olympics_calendar > .empty{
    display:none;
    align-self:center;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.idalgo.sport_olympics_calendar > .empty[data-displayed="0"]{
    display:flex
}
.idalgo.sport_olympics_calendar > .empty > label{
    order:2;
    color:var(--color-grey-05);
    font-size:1.25em;
    font-weight:500;
    text-align:center
}
.idalgo.sport_olympics_calendar > .empty > svg{
    order:1;
    width:40%;
    fill:var(--color-grey-01)
}

/* || template */
.idalgo.sport_olympics_calendar > .template{
    display:none
}


/* Customer/PrensaIberica/JoParis2024/Common/CSS/Responsive768.css ************************/
@media only screen and (max-width: 768px){
    /* Module/Common/CSS/Responsive768/Root.css ***********************************************/
/* || ContentFull */
.idalgo.full{
    grid-template-columns:1fr
}
.idalgo.full > .top{
    grid-column:1
}
.idalgo.full > .main{
    grid-row:2
}
.idalgo.full > .aside{
    grid-row:3;
    grid-column:1
}
.idalgo.full > .aside.middle{
    grid-row:4
}
.idalgo.full > .aside.bottom{
    grid-row:5
}

/* Module/Sport/CSS/Responsive768/OlympicsNavigationDate.css ******************************/
.idalgo .sport_olympics_navigation_date{
    display:grid;
    grid-template-columns:44px 16px 1fr 1fr 16px 44px;
    grid-template-rows:minmax(44px, auto)
}
.idalgo .sport_olympics_navigation_date > h2{
    display:flex;
    grid-column:4;
    margin:0;
    order:4;
    font-size:1em;
    background-color:var(--color-grey-01);
    border-radius:0 4px 4px 0;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.idalgo .sport_olympics_navigation_date > h2 > .dayname{
    font-size:.75em
}
.idalgo .sport_olympics_navigation_date > a,
.idalgo .sport_olympics_navigation_date > button{
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:none;
    background-color:var(--color-grey-01);
    border-radius:4px
}
.idalgo .sport_olympics_navigation_date > button[data-hidden]{
    visibility:hidden
}
/* || previous - next */
.idalgo .sport_olympics_navigation_date > a > svg,
.idalgo .sport_olympics_navigation_date > button > svg{
    width:12px;
    height:20px;
    fill:var(--color-grey-05);
    transition:fill 0.5s ease
}
.idalgo .sport_olympics_navigation_date > a:hover svg,
.idalgo .sport_olympics_navigation_date > button:hover svg{
    fill:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > a.previous,
.idalgo .sport_olympics_navigation_date > button.previous{
    grid-column:1;
    order:1;
    transform:rotate(180deg)
}
.idalgo .sport_olympics_navigation_date > a.next,
.idalgo .sport_olympics_navigation_date > button.next{
    grid-column:6;
    order:4
}

/* || open */
.idalgo .sport_olympics_navigation_date > button.open{
    grid-column:3;
    order:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:4px 0 0 4px;
    transition:all .3s ease-in-out
}
.idalgo .sport_olympics_navigation_date > button.open:hover,
.idalgo .sport_olympics_navigation_date > button.open:focus,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"]{
    background-color:var(--color-01)
}
.idalgo .sport_olympics_navigation_date > button.open > svg{
    width:20px;
    height:20px;
    stroke:var(--color-grey-05);
    transition:stroke 0.5s ease
}
.idalgo .sport_olympics_navigation_date > button.open:hover > svg,
.idalgo .sport_olympics_navigation_date > button.open:focus > svg,
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] > svg{
    stroke:var(--color-light)
}
/* || dates */
.idalgo .sport_olympics_navigation_date > ul{
    grid-column:1/7;
    order:5;
    flex-wrap:wrap;
    display:none;
    margin-top:8px;
    background-color:transparent;
    justify-content:space-between

}
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] ~ ul
{
    display:flex
}
.idalgo .sport_olympics_navigation_date > ul > li{
    flex:0 1 calc((100% / 7) - 4px);
    background-color:var(--color-grey-01);
    margin-left:4px;
    min-height:44px
}
.idalgo .sport_olympics_navigation_date > ul > li:nth-child(7n-6){
    margin-left:0
}
.idalgo .sport_olympics_navigation_date > ul > li:nth-child(n+8){
    margin-top:4px
}
.idalgo .sport_olympics_navigation_date > ul > li.empty,
.idalgo .sport_olympics_navigation_date[data-hidden-empty="1"] > ul > li.empty{
    display:flex
}

/* || legend */
.idalgo .sport_olympics_navigation_date > .legend{
    display:none;
    grid-column: 1/5;
    order:6
}
.idalgo .sport_olympics_navigation_date > button.open[aria-expanded="true"] ~ .legend{
    display:flex
}

/* Module/Sport/CSS/Responsive768/OlympicsCalendar.css ************************************/
/* || filters - checkbox */
.idalgo.sport_olympics_calendar > .filters > span.checkbox{
    background-color:transparent;
    border:1px solid var(--color-grey-02)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox[aria-checked="true"]{
    background-color:var(--color-01)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.check,
.idalgo.sport_olympics_calendar > .filters > span.checkbox > span{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.presentation{
    display:unset
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox > svg.favourite{
    fill:transparent;
    stroke:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar > .filters > span.checkbox[aria-checked="true"] > svg.favourite{
    stroke:var(--color-light)
}
/* || filters - list */
.idalgo.sport_olympics_calendar > .filters > button.list{
    padding:0 16px;
    border:1px solid var(--color-grey-02)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list[aria-expanded="false"] {
    background-color:transparent
}
.idalgo.sport_olympics_calendar > .filters > button.list > span{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}
.idalgo.sport_olympics_calendar > .filters > button.list > svg.open,
.idalgo.sport_olympics_calendar > .filters > button.list > div.discipline > svg.remove{
    display:none !important
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list > svg.presentation{
    display:unset;
    fill:var(--color-light)
}
.idalgo.sport_olympics_calendar[data-discipline="0"] > .filters > button.list[aria-expanded="false"] > svg{
    fill:var(--color-grey-05)
}
.idalgo.sport_olympics_calendar > .filters > button.list[aria-expanded="true"] > span.closed,
.idalgo.sport_olympics_calendar > .filters > button.list[aria-expanded="false"] > span.opened,
.idalgo.sport_olympics_calendar > .filters > button.list > div > span{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden
}

/* || disciplines */
.idalgo.sport_olympics_calendar > ul.disciplines{
    grid-template-columns:repeat(3, 1fr)
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button > svg{
    width:20px
}
.idalgo.sport_olympics_calendar > ul.disciplines > li > button > span{
    font-size:.6875em
}

/* || games */
.idalgo.sport_olympics_calendar > ul.games > li{
    grid-template-columns:minmax(56px, auto) 4px 1fr 44px;
    grid-template-rows:minmax(26px, auto) minmax(34px, auto) minmax(24px, auto) minmax(24px, auto);
}
.idalgo.sport_olympics_calendar[data-favourite="0"] > ul.games > li{
    grid-template-columns:56px 4px 1fr;
}
/* || game - discipline logo */
.idalgo.sport_olympics_calendar > ul.games > li > svg.discipline{
    grid-column:1;
    grid-row:2/4;
}
/* || game - event */
.idalgo.sport_olympics_calendar > ul.games > li > .event{
     grid-row:2;
     align-self:center;
     font-size:.8125em
}
/* || game - round */
.idalgo.sport_olympics_calendar > ul.games > li > .round{
    grid-column:3;
    grid-row:3;
    align-self:center;
    font-size:.8125em;
    align-items:center
}
/* || game - link */
.idalgo.sport_olympics_calendar > ul.games > li > .link{
    grid-column:3/5;
    grid-row:4;
    justify-self:end;
    font-size:.8125em;
    padding-right:8px
}
.idalgo.sport_olympics_calendar[data-favourite="0"] > ul.games > li > .link{
    grid-column:3/4
}
/* || game - favourite */
.idalgo.sport_olympics_calendar > ul.games > li > .favourite{
    width:44px;
    grid-column:4;
    grid-row:1/4
}
.idalgo.sport_olympics_calendar > ul.games > li > .favourite:focus{
    width:40px;
}


}

/* Customer/PrensaIberica/JoParis2024/Common/CSS/Responsive480.css ************************/
@media only screen and (max-width: 480px){
    /* Module/Sport/CSS/Responsive480/OlympicsNavigationDate.css ******************************/
/* legend */
.idalgo .sport_olympics_navigation_date > span.legend{
    font-size:.6875em
}

/* Module/Common/CSS/Responsive480/Title.css **********************************************/
.idalgo h2.title.module{
    font-size:.875em
}

/* Module/Sport/CSS/Responsive480/OlympicsCalendar.css ************************************/
/* || disciplines */
.idalgo.sport_olympics_calendar > ul.disciplines{
    grid-template-columns:repeat(2, 1fr)
}


}