/*  
Theme Name: La Cultura de l'Horta Nord
Description: Un tema desarrollado para LaBase
Author: W. Wallace
Version: 5.56
*/
@font-face {
  font-family: 'Frederik';
  src: url('https://culturahortanord.com/wp-content/themes/cultura/fuente/Frederik-Regular-BF645d9bffaa893.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Frederik';
  src: url('https://culturahortanord.com/wp-content/themes/cultura/fuente/Frederik-RegularItalic-BF645d9bffb230a.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Frederik';
  src: url('https://culturahortanord.com/wp-content/themes/cultura/fuente/Frederik-Bold-BF645d9bff85e69.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Frederik';
  src: url('https://culturahortanord.com/wp-content/themes/cultura/fuente/Frederik-BoldItalic-BF645d9bff9bf5e.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

body {margin: 0; padding: 0;     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always; text-rendering: optimizeLegibility; background-color: #f7f7f7; font-family:  "Frederik",serif; color: #293A44; }

p {font-size: calc(14px + 0.3vw); line-height: 130%;}
li {font-size: calc(14px + 0.3vw); line-height: 150%; margin-top: 5px; margin-bottom: 5px;}
ul {padding-left: 1em;}

.contenido-content p {font-size: calc(16px + 0.3vw); line-height: 120%;}

h1 {font-size: calc(36px + 3vw); line-height: 100%; font-weight: 700; text-transform: uppercase; letter-spacing: -2px; margin: 0; padding: 0;}

.header { }
.header-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-top: 50px; padding-bottom: 30px;}
.logotipo {}
.menus{}
.menus-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}



#menu-main .sub-menu {display: none; width: max-content;}
#menu-movil .sub-menu {display: none; width: max-content;}

ul#menu-main  {list-style: none; padding-left: 0; display: flex; column-gap: 40px;}
#menu-movil ul  {list-style: none; padding-left: 0; }

ul#menu-footer  {list-style: none; padding-left: 0; }
ul#menu-legal  {list-style: none; padding-left: 0; }
ul#menu-main li a {font-size: calc(18px + 1vw); line-height: 120%; color: #cccccc; text-decoration: none; }
#menu-movil li a {font-size: calc(18px + 1vw); line-height: 120%; color: #293A44; text-decoration: none; }

#menu-main .current-menu-item a {color: #293A44 !important; font-style: italic;}
#menu-main .menu-item-has-children {
  position: relative; /* referencia para el submenu */
}

#menu-main .menu-item-has-children .sub-menu {
  position: absolute;
  top: 100%;   /* justo debajo del padre */
  left: 0;     /* alineado a la izquierda */
  z-index: 9999;
  background: #f7f7f7;   /* ponle fondo para que se lea */
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;      /* oculto por defecto */
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  padding: 25px;
  margin-top: 10px;
}
.sub-menu li a {font-size: 24px !important; line-height: 150% !important; color: #293A44 !important; text-decoration: none !important; }
#menu-movil .sub-menu li a {font-size: 16px !important; line-height: 150% !important; color: #293A44 !important; text-decoration: none !important; text-transform: uppercase; }
#menu-movil ul.sub-menu {padding-left: 20px;}
.li a {line-height: 150%;}
#menu-main .menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 14px;   /* mismo ancho que tu SVG */
  height: 8px;   /* mismo alto que tu SVG */
  margin-left: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
 vertical-align: middle;
   position: relative;

 top: -3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='8.005' viewBox='0 0 14 8.005'><path d='M13.19,16.838l5.294-5.3a1,1,0,0,1,1.413,0,1.009,1.009,0,0,1,0,1.417l-6,6a1,1,0,0,1-1.38.029l-6.04-6.027a1,1,0,1,1,1.413-1.417Z' transform='translate(-6.188 -11.246)' fill='%23ccc'/></svg>");
  transition: transform 0.3s ease;
}

#menu-main .menu-item-has-children.open > a::after {
  transform: rotate(180deg);
}
#enlaceSelected {
    display: none;

}


.cn-close-icon:after, .cn-close-icon:before {
    background-color: #fff;
}

.footer {}
.footer-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-top: 200px; padding-bottom: 150px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.footer-content > div:first-of-type {grid-column: span 2;}
.footer-content > div:last-of-type {grid-column: span 2;}

.subfooter-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px; align-content: flex-end; align-items: flex-end;}
.subfooter-content > div:first-of-type {grid-column: span 3; display: flex; column-gap: 40px; align-content: center; align-items: center;}
.subfooter-content > div:first-of-type img {max-width: 24px;}
.subfooter-content > div:last-of-type {grid-column: span 3; display: flex; column-gap: 16px; justify-content: flex-end; justify-items: flex-end;}
.subfooter-content > div:last-of-type img {max-height: 70px;}
.subfooter-content > div:last-of-type img:last-of-type {max-height: 40px;}

ul#menu-footer li a {font-size: calc(20px + 0.5vw); line-height: 120%; color: #293A44; text-decoration: none; text-transform: uppercase; font-weight: 700; }
ul#menu-legal li a {font-size: calc(20px + 0.5vw); line-height: 120%; color: #293A44; text-decoration: none; text-transform: uppercase; font-weight: 700; }

.bienvenida {}
.bienvenida-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.bienvenida-content > div:first-of-type {grid-column: span 5;}
.bienvenida-content > div:last-of-type {grid-column: span 3;}

.cultura {}
.cultura-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.cultura-content > div { grid-column: span 3;}
.cultura-content img {max-width: 100%;}

.mou {}
.mou-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.mou-content > div { grid-column: span 3;}
.mou-content img {width: 100%;}
a.enlace {font-size: calc(16px + 0.3vw); line-height: 120%; font-style: italic; color: inherit; text-decoration: none;   display: inline-flex;
  align-items: center;
  gap: 10px; /* espacio entre texto e icono */}


a.enlace::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15.159 15.987'><g transform='translate(-6.5 -6.086)'><path d='M7.5,18H20.659' transform='translate(0 -3.921)' fill='none' stroke='%23293a44' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/><path d='M18,7.5l6.579,6.579L18,20.659' transform='translate(-3.921)' fill='none' stroke='%23293a44' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></g></svg>");
}

.europa {}
.europa-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.europa-content > div:first-of-type { grid-column: 4 / 7;}
.europa-content > div:nth-of-type(2) { grid-column: 3 / 7;}
.europa-content > div:last-of-type { grid-column: 4 / 7;}
.europa-content img {max-width: 100%;}

.evento-header {}
.evento-header-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.evento-header-content > div:first-of-type {grid-column: span 6; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}

.evento-header-content > div:first-of-type > div:first-of-type { grid-column: 1/2; justify-self: center; text-align: center; }
.evento-header-content > div:first-of-type > div:nth-of-type(2) { grid-column: 2/5; }
.evento-header-content > div:first-of-type > div:last-of-type { grid-column: 5/7; }
.evento-header-content > div:first-of-type > div:last-of-type img {aspect-ratio: 1/1; object-fit: cover; width: 100%; height: auto;}
.evento-tipo {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.evento-tipo-circulo {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

/* Colores según clase */
.evento-tipo-verde .evento-tipo-circulo {
    background-color: #C1B246;
}

.evento-tipo-naranja .evento-tipo-circulo {
    background-color: #F97F5F;
}

.evento-dia {font-size: calc(36px + 3vw); line-height: 100%; font-weight: bold;}
.evento-dia-fin {font-size: 16px; line-height: 100%; font-weight: bold; text-transform: uppercase;}

.evento-mes {font-size: 16px; line-height: 100%; font-weight: bold; text-transform: uppercase;}
.evento-dia-semana {font-size: 16px; line-height: 120%; font-weight: 400;}
.evento-dia-semana-compacto {font-size: 14px; line-height: 120%; font-weight: 400; color:#293A44; font-style: italic; padding-top: 0; margin-top: 5px;}

h1.evento-titulo a {color: inherit; text-decoration: none;}

a.evento-categoria { font-size: calc(20px + 0.5vw); line-height: 120%; font-style: italic; font-weight: 700; text-decoration: none; color: inherit; text-transform: uppercase;}
a.evento-tag { font-size: calc(20px + 0.5vw); line-height: 120%;  font-weight: 400; text-decoration: none; color: inherit; text-transform: uppercase;}

.evento-tipo { padding-top: 20px;}
.evento-tipo-texto {font-size: 16px; line-height: 120%; text-transform: uppercase;}
.subtitulo {font-size: 14px; line-height: 120%; color: #ccc; padding-top: 10px;}
.evento-lloc p, .enlace-lloc p {font-size: 16px; line-height: 120%;}
.evento-lloc a, .enlace-lloc a {color: inherit;}

.contenido {}
.contenido-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.contenido-content > div {grid-column: 2 / 6;}

.evento-galeria {}
.evento-galeria-content {width: 95%;  margin: 0 0 auto 5%; padding-top: 75px;   display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.evento-galeria-content > div {grid-column: span 6; display: grid; grid-auto-flow: column; column-gap: 50px; overflow-x: scroll;}
.evento-galeria-item img {
    object-fit: contain;
    max-height: 70vh;
    width: max-content;
}
.evento-videos {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.evento-video-item {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
}

.evento-video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.evento-videoteca {}
.evento-videoteca-content {width: 90%; max-width: 1600px; margin: 0 auto;  display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.evento-videoteca-content > div {grid-column: span 6;}

.agenda {}
.agenda-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.agenda-content > div { grid-column: span 6;}
.agenda-grid {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 50px;
  align-items: start;
}
.evento-item > div:first-of-type {grid-column: 1 / 2;}
.evento-item > div:nth-of-type(2) {grid-column: 2 / 3;}
.evento-item > div:nth-of-type(3) {grid-column: 3 / 5;}
.evento-item > div:nth-of-type(4) {grid-column: 5 / 7;}

.titulillo {grid-column: span 6; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px; font-size: 14px; line-height: 120%; color: #ccc; padding-top: 50px; padding-bottom: 25px;}
.titulillo > div {grid-column: span 2;}
.evento-item {grid-column: span 6;}
.col-imagen img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    height: auto;
}
.col-fecha {text-align:center;}
.col-titulo h3 a {font-size: calc(24px + 1vw); line-height: 100%; font-weight: bold; font-style: italic; text-transform: uppercase; color: inherit; text-decoration: none; padding-top: 0; margin-top: 0;}
.col-titulo h3 { padding: 0; margin: 0;}
.etiquetas span {font-size: calc(20px + 0.5vw); line-height: 120%; color: inherit; text-transform: uppercase;}
.categoria { font-size: 16px; line-height: 120%; text-transform: uppercase; font-weight: bold; font-style: italic;}
.lloc p { font-size: 16px; line-height: 120%; font-weight: 400; font-style:normal;}
.lloc p a { color: inherit;}
.col-info .evento-tipo {padding-top: 0;}

a.page-numbers, span.page-numbers, a.ajax-page  {color: #ccc; text-decoration: none; font-size: calc(14px + 0.3vw); line-height: 130%;}
.current {color: #293A44 !important;}
.veure-agenda {grid-column:span 6; margin-top:50px; display:grid; justify-content:center; justify-items:center;}
#agenda-pagination {grid-column:span 6; margin-top:50px; display:grid; justify-content:center; justify-items:center;}
.sencillo {padding-top: 150px;}

.post-title a {font-size: calc(24px + 1vw); line-height: 120%; font-weight: bold; text-transform: uppercase; font-style: italic; text-decoration: none; color: inherit;}
.post-date {font-size: 14px; line-height: 120%;}
.post {padding-top: 50px;}

.entradas {}
.entradas-content {width: 90%; max-width: 1600px; margin: 0 auto; padding-bottom: 50px; padding-top: 100px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 50px;}
.fecha {font-size: 16px; line-height: 120%; padding-top: 50px; padding-bottom: 50px;}
.entradas-content div {grid-column: span 4;}

@media (max-width:1440px) {

  .logotipo {max-width:350px;}
}

@media (max-width:1280px) {
.subfooter-content > div:first-of-type {
    grid-column: span 6;
}
.subfooter-content > div:last-of-type {
    grid-column: span 6;
    justify-content: flex-start;
    justify-items: flex-start;
    margin-top: 50px;
}
.subfooter-content {

column-gap: unset;
}
}
@media (max-width:980px) {
  .logotipo {max-width:300px;}

  .menus {display: none;}
  #enlaceSelected {
        display: block;
        position: absolute;
        right: 5%;
        top: 50px;
    cursor: pointer;}
    #menu-movil {
        position: fixed;
        z-index: 9999;
        min-height: 100vh;
                min-height: 100svh;
        width: 100vw;
        align-content: center;
        justify-content: center;
        z-index: 9999;
        top: 0;
        background-color: #f7f7f7;
        right: 0;
    }
  .bienvenida-content > div:last-of-type {
    grid-column: span 6;
}
.cultura-content > div {
    grid-column: span 6;
}
.cultura-content {

    column-gap: unset;
    row-gap: 50px;
}
.cultura-content img {
    max-width: 50%;
}
.cultura-content, .bienvenida-content, .agenda-content, .mou-content {

    padding-top: 50px;

}
.mou-content img {
    width: 50%;
}
.evento-item > div:first-of-type {grid-column: 1 / 3;}
.evento-item > div:nth-of-type(2) {grid-column: 3 / 5;}
.evento-item > div:nth-of-type(3) {grid-column: 3 / 7;}
.evento-item > div:nth-of-type(4) {grid-column: 3 / 7;}
.agenda-grid {

    gap: 25px;

}
.col-info .evento-tipo {
    padding-bottom: 50px;
}
.titulillo > div:nth-of-type(1) {grid-column: 1/3;}
.titulillo > div:nth-of-type(2) {grid-column: 3/7}

.titulillo > div:nth-of-type(3) {display: none;}
.mou-content > div {
    grid-column: span 6;
}
.mou-content > div:first-of-type {order: 2;}
.mou-content > div:last-of-type {order: 1;}
.mou-content {

    column-gap: unset;
    row-gap: 50px;
}
.veure-agenda {

    margin-top: unset;

}
.titulillo {

    column-gap: 25px;

}
.europa-content > div:first-of-type { grid-column: 1 / 7;}
.europa-content > div:nth-of-type(2) { grid-column: 1 / 7;}
.europa-content > div:last-of-type { grid-column: 1 / 7;}
.europa-content img {
    max-width: 75%;
}
.subfooter-content {column-gap: unset; row-gap: 50px;}
.subfooter-content > div:first-of-type {
    grid-column: span 6;
}
.subfooter-content > div:last-of-type {
    grid-column: span 6;
        justify-content: flex-start;
    justify-items: flex-start;
}
.subfooter-content > div:last-of-type img {max-width: 75%;}
.footer-content {

    padding-top: 100px;
    padding-bottom: 75px;


}
.europa-content > div:nth-of-type(1), .europa-content > div:last-of-type {
    grid-column: 1 /7;
}
.footer-content > div:first-of-type {grid-column: span 3;}
.footer-content > div:last-of-type {grid-column: span 3;}
.entradas-content div {
    grid-column: span 6;
}
.evento-header-content > div:first-of-type > div:first-of-type {  order:1; }
.evento-header-content > div:first-of-type > div:nth-of-type(2) { grid-column: 2/7; order:3; padding-top: 25px; }
.evento-header-content > div:first-of-type > div:last-of-type { grid-column: 2/5; order:2; }
.contenido-content > div {
    grid-column: 1 / 7;

}
.contenido-content {    padding-top: 50px;
    padding-bottom: 25px;}
}

@media (max-width: 680px) {
    .subfooter-content > div:last-of-type img:last-of-type {margin-top: 50px;}
    .subfooter-content {

display: block;
}
.subfooter-content > div:last-of-type {
display: block;
}
    .evento-item > div:first-of-type {
        grid-column: span 6;
        justify-self: flex-start;
    }
    .evento-header-content > div:first-of-type > div:first-of-type {

    text-align: left;
}
    .col-fecha {
    text-align: left !important;
}
    .evento-item > div:nth-of-type(2) {
        grid-column: span 4;
    }
        .evento-item > div:nth-of-type(3) {
        grid-column: span 6;
    }
        .evento-item > div:nth-of-type(4) {
        grid-column: span 6;
    }
    .titulillo {display: block;}
    .evento-header-content > div:first-of-type {

    column-gap: 0;
    row-gap: 20px;
}
    .evento-header-content > div:first-of-type > div:last-of-type {
        grid-column: span 6;

    }
        .evento-header-content > div:first-of-type > div:nth-of-type(2) {

        padding-top: unset;
                grid-column: span 6;
    }
    .sencillo {
    padding-top: 50px;
}
    .footer-content > div:first-of-type {
        grid-column: span 6;
    }
        .footer-content > div:last-of-type {
        grid-column: span 6;
    }
}