/*
Theme Name: csWP4K
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: New Theme for Passion For Knowledge
Author: CodeSyntax WordPress team
Author URI: https://codesyntax.com
Template: twentytwentyfive
Text Domain: csWP4K
*/


.agenda-container { width: 100%; font-family: sans-serif; }

/* Día: DOM 10-MAY 2026 */
.agenda-day-header {
    width: 100%;
    margin: 40px 0 10px 0;
    border-top: 1px solid #d1d5db;
    position: relative;
}


.agenda-day-header span {
    position: absolute;
    top: -12px;
    left: 0;
    background: #fff;
    padding-right: 15px;
    font-family: monospace;
    font-weight: bold;
    color: #4a90e2;
}

/* Nombre del Evento (Relación) */
.agenda-event-group-title h4 {
    border-bottom: 2px solid #333; /* Línea negra gruesa */
    padding-bottom: 5px;
    margin: 25px 0 15px 0;
    font-size: 1.1rem;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Fila de Charla */
.talk-row {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #f3f4f6;
    align-items: center;
    gap: 30px;
}

.talk-col--time { flex: 0 0 140px; font-size: 14px; color: #555; }
.talk-col--info { flex: 3; }
.talk-col--speakers { flex: 2; display: flex; flex-wrap: wrap; gap: 12px; }
.talk-col--action { flex: 0 0 100px; text-align: right; }

.talk-name { margin: 0 !important; font-size: 18px !important; font-weight: 700; color: #111; }
.talk-venue { font-size: 13px; color: #888; }

/* Ponentes */
.speaker-pill { display: flex; align-items: center; gap: 8px; }
.speaker-img img { width: 35px; height: 35px; border-radius: 50%; object-fit: cover; }
.speaker-name { font-size: 13px; font-weight: 600; }

.talk-link { font-size: 14px; color: #2563eb; text-decoration: underline; }

@media (max-width: 800px) {
    .talk-row { flex-direction: column; align-items: flex-start; gap: 10px; }
}
.talk-col--type {
    flex: 0 0 160px;
    text-align: right;
}

.talk-type-badge {
    display: inline-block;
    padding: 5px 12px;
    background-color: #f8fafc;
    color: #4a90e2;
    border: 1px solid #e2e8f0;
    border-radius: 20px; /* Estilo píldora */
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* Para que la columna de título sea la que más se estire */
.talk-col--info {
    flex: 3;
}

.talk-col--time {
    flex: 0 0 140px;
}

/*mainmenu*/
.mainmenu{
    a.wp-block-navigation-item__content{
        text-decoration:none;
        font-size:17px;
        &:hover{
            font-weight:700;
        }
    }
    .wp-block-navigation__submenu-container{
        background-color:black !important;
        padding:1rem 0;

        a{
            color:white !important;
            font-size:15px;
        }
    }
}
/*header*/
.pre-header{
    a{
        text-decoration:none;
    }
    a:hover{
        opacity:0.8;
    }
    select{
        border:none;
        background-color:black;
        color:white;
        margin-right:2rem;
        font-size:15px;
        font-weight:600;
        option:hover{
            padding:1rem;
            background-color:rgba(255,255,255,0.3);
        }
    }
    select:focus{
        outline:none;
    }
    .social a::after{
        content:"/";
        margin:0 0.5rem;
    }
}
@media(max-width:990px){
    .social, .pre-header img{
        display:none;
    }
    .pre-header{
        padding:0.5rem 0 !important;
    }
    .pre-header .is-content-justification-right{
        gap:0;
        select{
            margin-right:0;
        }
    }
    header .has-global-padding {
        padding-left: 0.5rem !important;
         padding-right: 0.5rem !important;
    }
    header .wp-block-paragraph{
        font-size: 12px !important;
    }
    .wp-block-navigation__responsive-container-open{
        background-color: #4a4a4a;
        padding:0.5rem;
        border-radius:32px;
    }
    .wp-block-navigation__responsive-container-content{
        margin-top:0; padding-top:0;
    }
    .wp-block-navigation__responsive-container-close svg{

        fill:white !important;
    }
    .is-menu-open{
        background-color:black !important;
        text-align:left;
        ul.wp-block-navigation__container > li{

            width:100%;
            & > .wp-block-navigation-item__content{
             border-bottom:1px solid white;
            }

        }
        ul.wp-block-navigation-submenu{
            padding:0.5rem 0 0.5rem 2rem !important;
        }

        .wp-block-navigation-item__label{
            color:white !important;
        }
    }
}

/*footer*/
footer.wp-block-template-part{
    margin-block-start:2px !important;
}
.footer-bg-black{
    padding:2rem 0 !important;
    ul, li{
        padding-left:0;
        list-style:none;
    }
    a{
        text-decoration:none;
    }
    a:hover{
        opacity:0.8;
    }
    .social a{
        display:inline-block;
        padding:0.4rem 0.6rem;
        margin-right:0.3rem;
        border:1px solid white;
        border-radius:5px;
        aspect-ratio:1/1;
    }
}
.footer-dipc{
    padding:2rem 0 !important;
    font-size: 12px !important;
}

.footer-colophon{
    .has-small-font-size{
        font-size: 11px !important;
        font-weight:700;
    }
    margin-top: 40px;
    a{
        text-decoration:none;
    }
    a:hover{
        color:#ccc;
    }
}
@media(max-width:990px){
    .footer-dipc{
        padding:1rem !important;
        .is-layout-flex{
            flex-direction: column;
            text-align: center;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
        }
    }
    .footer-colophon{
        margin-top:1rem;
        .is-layout-flex{
            flex-direction: column;
            text-align: center;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
        }
    }
}
/**/
h2.wp-block-heading{
    font-weight:900 !important;
    font-size:24px;
}
#ultimas-noticias{

    h3{
        font-size:15px !important;
        margin-top:0.5rem;

    }
}
.wp-block-post-date{
    color:black;
}
h3.wp-block-post-title{
    margin-top:0.2rem;
    font-size:16px;
}
#multimedia{
    h3.wp-block-heading{
        font-size:15px;
        text-transform: uppercase;
        font-weight:900 !important;
        letter-spacing:0.04rem !important;
    }
    figure{
        margin:0.6rem 0;
    }
}
/*programa*/
#dias, #sedes{
    margin-bottom:2rem;            gap:1rem;
}
#dias .dias-item {
    border:2px solid black;
    border-radius:8px;
    padding:1rem;
    h3{
        font-size:18px;
        line-height:24px;
    }
    a{
        text-decoration:none;
        font-weight:900;
        &:focus{
            outline-style: none;
        }
    }
    &:hover{
        border:2px solid #efefef;
    }

}
#sedes .is-layout-flex {
    gap:1rem;
    .wp-block-group{
        align-items:flex-start;
        font-size:13px;
        font-weight:600;
        gap:0.5rem;
    }
}
#tipo{
    border-bottom:1px solid black;
    padding-bottom:2rem;
    margin-bottom:2rem;
    font-weight:600;
    font-size:13px;
            gap:1rem;
    .wp-block-group:nth-child(2){
        gap:2rem;
    }
    .wp-block-group > .wp-block-group{
        gap:0.5rem;
    }
}
.program-row{
    border:none !important;
}
.program-col-date{
    background:url(./images/triangulo_noticia.png) no-repeat top left;
    background-size:145px;
    width:150px;
    height:150px;
    h3{
        font-size: 16px;
        width:80px;
        line-height:20px;
        font-weight:900;
        color:white;
        margin-left:1rem;
        margin-top:0.8rem;
    }
}
.program-slot-title{
    border-bottom:1px solid black !important;
    h3{
        margin:0;
        font-size:20px;
        font-weight:900;
    }
}
@media (max-width:990px){
    .program-col-date {
        border:none;
        padding-bottom:0;
    }
}
.session-item{
    h4{
        text-transform:uppercase;
        line-height: 1.1;
        font-size: 17px;
        a:hover{
            opacity:0.7;
        }
    }
}
.session-venue::before{
        content:"";
        display:block;
        width:30px;
        height:30px;
        float:right;
        background-color:#ccc;
}
.session-venue{
    font-weight:700;
    &.victoria-eugenia::before{
        background-color:#003955;
    }
    &.miramar::before{
        background-color:#4fa2d8;
    }
    &.dipc::before{
        background-color:#805093;
    }
    &.bizkaia-aretoa::before{
        background-color:#df583e;
    }
    &.guggenheim::before{
        background-color:#10744c;
    }
    /* &.caf::before{
        background-color:#CE9F5B;
    } */
}

#boletin{
    background:black url(./images/icono_newsletter_opacidad.png) no-repeat center;
    background-size:100px;
}
form#mc-embedded-subscribe-form{
    margin-top:3rem;
    position:relative;
    input#mce-EMAIL{
        width:50%;
        padding:0.5rem 1rem ;
        border-radius:8px;
        font-size:15px;
        border:1px solid white;
        font-family: var(--wp--preset--font-family--silka);
    }
    fieldset {
        display: block;
        border:none;
        padding:1rem 0;
    }
    .clear{
        position:absolute;
        right:0;
        top:0;
        width:42%;
        input#mc-embedded-subscribe{
            width:100%;
            padding:0.6rem 1rem ;
            background-color:black;
            border:1px solid white;
            color:white;
            text-transform:uppercase;
            font-weight:700;
            border-radius:8px;
            &:hover{
                background-color:#efefef;
            }
        }

    }
}
@media(max-width:990px){
    form#mc-embedded-subscribe-form{
        .clear{
            position:relative;
            width:100%;
        }
        input#mce-EMAIL{
            width:96%;
            padding:0.6rem 2%;
        }
    }

}
.wp-block-breadcrumbs a{
    text-decoration:none;
    &:hover{
        opacity:0.7;
    }
}

.has-post-thumbnail h3{
    font-weight:700;
    font-size:14px;
    line-height:20px;
}

.ediciones .wp-block-column-is-layout-flow{
    background-color:#f6f6f6;
        transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
        margin-bottom: 30px;
        p{
            min-height: 50px;
            padding:1rem;
            a{
                text-decoration:none;
            }
        }
}
.ediciones .wp-block-column-is-layout-flow:hover{
    block-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
}

/**/
.header-main-image{
    background: url(./images/image-3.jpg);
}
body.image-header-info .header-main-image{
    background: url(./images/image-1.jpg);
}
body.image-header-program .header-main-image{
    background: url(./images/image-2.jpg);
}
body.image-header-register .header-main-image{
    background: url(./images/image-3.jpg);
}
body.image-header-speakers .header-main-image{
    background: url(./images/image-4.jpg);
}
body.image-header-media .header-main-image{
    background: url(./images/image-1.jpg);
}

/*Sliderreko bideo kontrolak tenporalki ezkutatu*/
sr7-row-con {
    display: none!important;
}

@media (max-width: 782px) {
    .header-main-image .is-layout-flex{
        flex-direction: column;
    }
}
/*subsubmenua eskumara zabaltzeko*/
@media (min-width: 782px) {
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        left: 100%;
        right: auto;
    }
}
.patrocinadores{
    margin-bottom:2rem;
}
.patrocinadores .wp-block-image{
    /*border:1px solid #f6f6f6;*/
    display:flex;
    align-items: center;
    padding:1rem;
    aspect-ratio:16/9;
    img{
        max-height:150px;
    }
}
@media (max-width: 782px) {
    .patrocinadores{
        justify-content: center;
    }
    .patrocinadores .wp-block-image{
        padding:0 !important;
    }
    .patrocinadores.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 45% !important;
        max-width:45%;
        flex-grow: 2 !important;
    }


}
