/* prioridades — home */

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1{
  background:#000 !important;
  padding:64px 0 !important;
  color:#fff !important;
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  overflow-anchor:none;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 > .content{
  max-width:1320px !important;
  margin:0 auto !important;
  padding:0 40px !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 > h2{
  width:100%;
  max-width:1320px;
  margin:0 auto 28px !important;
  padding:0 27px !important;
  box-sizing:border-box;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 h2,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .block-title{
  font-family:"Oswald",sans-serif !important;
  font-weight:600 !important;
  font-size:40px !important;
  line-height:48px !important;
  color:#fff !important;
  padding:0;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:32px !important;
  max-width:none;
  margin:0;
  padding:0;
  box-sizing:border-box;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid__item{
  min-width:0 !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid__item-inner{
  background:#fff !important;
  border:1px solid #E6E6E6 !important;
  padding:28px !important;
  min-height:260px !important;
  color:#2E2E2E !important;
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__body{
  flex:1;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__icon img{
  display:block !important;
  margin:0 0 14px !important;
  max-width:28px !important;
  height:auto !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__title{
  margin:0 0 12px !important;
  font-family:"Oswald",sans-serif !important;
  font-weight:600 !important;
  font-size:24px !important;
  line-height:28px !important;
  color:#2E2E2E !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__title a,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__title a:visited{
  color:#2E2E2E !important;
  text-decoration:none !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__text{
  font-family:"Montserrat",sans-serif !important;
  font-weight:400 !important;
  font-size:16px !important;
  line-height:28px !important;
  color:#787878 !important;
}

/* flecha enlace  */
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__footer{
  display:flex !important;
  justify-content:flex-start;
  margin-top:24px;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__link{
  display:inline-flex;
  padding:4px;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .priority-card__link img{
  margin:0 !important;
  width:24px !important;
  max-width:24px !important;
  height:24px !important;
}

/* meta */
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .node__meta,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .node__submitted,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .submitted{
  display:none !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .taxonomy-term > h2{
  display:none !important;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .field--name-name{
  display:none;
}

/* — Botón "Ver más" — */
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link{
  margin-top:32px;
  text-align:center;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:390px;
  max-width:100%;
  height:56px;
  padding:16px 24px;
  border:2px solid #FAFAFA;
  background:transparent;
  color:#FAFAFA;
  text-decoration:none;
  font-family:"Oswald",sans-serif;
  font-weight:600;
  font-size:18px;
  line-height:16px;
  transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a::after{
  content:'';
  display:inline-block;
  width:20px;
  height:20px;
  background:url('/sites/default/files/icons/arrow-right-button.svg') center / contain no-repeat;
  flex-shrink:0;
  filter:invert(1) brightness(2);
  transition:filter 0.3s ease-in-out;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a:hover,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a:focus{
  background:#FAFAFA;
  color:#2E2E2E;
}

#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a:hover::after,
#block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a:focus::after{
  filter:none;
}

/* — Responsive — */
@media (max-width: 991px){
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1{
    padding:48px 0 !important;
  }
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:24px !important;
  }
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 h2,
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .block-title{
    line-height:40px !important;
    padding:0 24px;
  }
}

@media (max-width: 600px){
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1{
    padding:40px 0 !important;
    /* NO overflow-x:hidden — dejar que el track sea visible */
    overflow-x:clip !important;
  }

  /* Quitar padding al wrapper .content para que el track use el 100vw completo */
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 > .content{
    padding:0 !important;
    max-width:100% !important;
  }

  /* Título: mismo padding que tablet */
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 h2,
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .block-title{
    line-height:36px !important;
    padding:0 24px !important;
  }

  /* Track = slider de ancho completo con peek lateral */
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:scroll !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    grid-template-columns:unset !important;
    gap:12px !important;
    padding:8px 32px !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    align-items:stretch !important;
    position:relative !important;
  }

  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid::-webkit-scrollbar{
    display:none;
  }

  /* Cada card: 100vw - (2 × peek 32px) - gap 12px = 100vw - 76px
     Con snap center, queda ~32px de card adyacente visible en cada lado */
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid__item{
    flex:0 0 calc(100vw - 76px) !important;
    min-width:0 !important;
    scroll-snap-align:center !important;
    transition:transform 0.35s ease, opacity 0.35s ease !important;
    transform:scale(0.9) !important;
    opacity:0.55 !important;
  }

  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid__item.pri-active{
    transform:scale(1) !important;
    opacity:1 !important;
  }

  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .views-view-responsive-grid__item-inner{
    padding:20px !important;
    min-height:auto !important;
    height:100% !important;
  }

  /* Botón "Ver más" */
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link{
    padding:0 24px !important;
  }
  #block-mpr-cumbre-iberoamericana-views-block-priorities-block-1 .more-link a{
    width:100%;
    max-width:100%;
  }
}

/* Navegación slider — solo mobile */
.priorities-slider-nav{
  display:none;
}

@media (max-width: 600px){
  .priorities-slider-nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:24px;
    padding:0 8px;
  }

  .priorities-nav-btn{
    background:transparent;
    border:none;
    cursor:pointer;
    color:#fff;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    flex-shrink:0;
  }

  .priorities-nav-btn svg{
    width:40px;
    height:40px;
    stroke:#fff;
    fill:none;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .priorities-nav-btn:disabled{
    opacity:0.3;
    cursor:default;
  }
}