body {
    --highlight-color: #f09002;
    --title-font: 'Neo Sans Std Bold', Helvetica, Arial, Lucida, sans-serif;
    --title-color: #005bb6;
    --background-color:#f4f4f4;
    
    background:var(--background-color);
}
h2 {
    color: #001e5d;
    font-size:160%;
    text-transform:uppercase;
}

#hero .info h1 {
  text-transform:uppercase;
  position:relative;
  font-size:120%;
  color:#001e5d;
}
#hero .info h2 {
  color:#000;
}
#hero .info p {
	color:#fff;
  text-shadow: 2px 2px 1px black;
}
#hero .logo {
    display:none;
}
#hero .wp-block-columns {
	z-index:10;
}

#hero h2 + figure img {
	max-width:200px;
}

#hero #event-date,
#hero #event-location {margin-top:2rem;
    background:#f6721c;
    text-shadow:none;
    border-radius: 7px;
    padding:1rem;
    font-weight:normal;
    text-transform:uppercase;
    position:relative;
    padding: 2rem 4rem 2rem 8rem;
}

#hero #event-date {
    margin-top:4rem;
}
#hero #event-location {
    background:#001e5d;
}
#hero #event-date:before {
    content: url(./congreso-edadismo-2026/calendar-days.svg);
    transform: scale(1.5);
    margin-right:1rem;
    position:absolute;
    left:3rem;
    top:2.2rem;
}
#hero #event-location:before {
    content: url(./congreso-edadismo-2026/map-pin-white.svg);
    transform: scale(1.5);
    margin-right:1rem;
    position:absolute;
    left:3rem;
    top:2.2rem;
}
#register {    background: #fff;
    align-self: stretch;
    align-items: center;
	align-content: center;
}
#register > p {
    padding-inline: 4rem;
}

#partners .wp-block-columns {
    padding:0;
}
#program :where(.is-layout-flex) {
    column-gap:0;
}
#program tr td:first-child{
  width: 300px;
}
#program tr td:first-child span {
    display: block;
    font-size: 75%;
  margin-left:40px;
  margin-bottom:1rem;
  color:#666;
  position:relative;
  line-height:1.5;
}
#program tr td:first-child span:before {
    background-repeat: no-repeat;
    margin-left: -40px;
    content: url(./congreso-edadismo-2026/clock.svg);
    transform: scale(0.6);
    position: absolute;
    top: -5px;
    display:inline-block;
}
#program tr td:first-child span.ponentes:before {
    content: url(./congreso-edadismo-2026/mic.svg);
}

#program tr td:last-child {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform:uppercase;
    vertical-align:top;
}
#program .wp-block-tab-panels section {
    padding-block: 0;
}
.mugshots img {
    object-fit: cover;
    border-radius: 50%;
    aspect-ratio: 1;
    display: inline;
    height:60px;
    margin-right:1rem;
    margin-top:1rem;
}

.entry-content #program table:not(.variations) {
    border: none;
    border-top: 1px solid var(--background-color);
	border-collapse: separate;
  border-spacing: 0; /* Para que las celdas no queden separadas */
  vertical-align:top;
}

.entry-content #program table:not(.variations) tr {
    border: none;
}
.entry-content #program table:not(.variations) tr td {
    border: none;
    border-bottom: 1px dashed var(--background-color);
	padding-block: 40px
}
#program :where(.wp-block-tab-list button) { 
    padding:40px;
    border:1px solid var(--background-color);
    font-family: var(--title-font);
    text-transform:uppercase;
    text-align:center;
}
#program :where(.wp-block-tab-list button) span {
    display:block;
}
#program :where(.wp-block-tab-list button) .title {
    font-size:120%;
}
#program :where(.wp-block-tab-list button) .date {
    font-size:80%;
    color:#777;
}
#program :where(.wp-block-tab-list button)[aria-selected=true] {
    border-top:5px solid var(--highlight-color);
}
#program :where(.wp-block-tab-list button)[aria-selected=true]:before {
    content: none;
}
#partners img {
    width:100%;
}
#partners .wp-block-columns {
  display: flex;
  flex-wrap: wrap !important;
  gap: 1.5rem; /* Ajusta el espacio entre logos según prefieras */

  justify-content: center !important;
  width:100%;
}

/* Reglas para las columnas dentro del contenedor */
#partners .wp-block-columns > .wp-block-column {
  margin: 0; /* Anula los márgenes por defecto de Gutenberg */
  box-sizing: border-box;  
  flex: 0 0 calc(50% - (1.5rem * 1 / 2)); /* 2 columnas por fila en móvil */
    max-width: calc(50% - (1.5rem * 1 / 2));
}
@media screen and (min-width: 1200px) {
    #hero {
        background-size: cover;
    }
    #partners .wp-block-columns > .wp-block-column {
    flex-basis: calc(16.666% - (1.5rem * 5 / 6)) !important;
    max-width: calc(16.666% - (1.5rem * 5 / 6)) !important;
  }
}
@media screen and (min-width:720px) {
	#hero .info h1 {
      font-size:5rem;
	}
  #hero .info h2 {
    font-size:3.5rem;
  }
  #hero .info p {
    font-size:2.5rem;
  }
  #hero {
    background-image: url(https://faam.es/wp-content/uploads/sites/51/2026/08/II-congreso-edadismo.jpg);
    background-size: auto 90vh;
    background-position-x: left;
    position:relative;
}
#hero:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 90vh;
    display: block;
    top: 0;
    left: 0;
    background: url(https://faam.es/wp-content/uploads/sites/51/2026/08/II-congreso-edadismo.jpg);
    background-size:cover;
    background-position:bottom;
}
  #partners .wp-block-columns > .wp-block-column {
    /* 100% / 4 = 25%. Restamos el gap proporcional para 4 columnas */
    flex: 0 0 calc(25% - (1.5rem * 3 / 4));
    max-width: calc(25% - (1.5rem * 3 / 4));
  }
  #program {
      padding-top:0;
  }
  #program h2 {
      padding-bottom:4rem;
  }
}
@media screen and (max-width:719px) {
    .entry-content #program table:not(.variations) tr td:first-child {
        padding-block-end: 1rem;
    }
    .entry-content #program table:not(.variations) tr td:last-child {
        padding-block: 0;
    }
    #program tr {
        display: flex;
        flex-direction: column;
    }
    #program :where(.wp-block-tab-list button) {
        max-width: 50%;
    }
}