/**
 * @file
 * Layout overrides - Loaded last to ensure maximum specificity
 */

/* ===================================
   COVID-19 Sidebar - Fixed Width (17rem)
   =================================== */

/* Base styles - mobile first */
.layout__region--second:has(.covidsidemenu) {
  width: 17rem !important;
  flex: 0 0 17rem !important;
  max-width: 17rem !important;
  min-width: 17rem !important;
}

/* Tablet and up - override the 33% rule */
@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second:has(.covidsidemenu) {
    flex: 0 0 17rem !important;
    max-width: 17rem !important;
    min-width: 17rem !important;
    width: 17rem !important;
  }
}

/* Desktop - override the 50% calc rule */
@media (min-width: 768px) {
  .layout--twocol-section:last-of-type > .layout__region--second:has(.covidsidemenu),
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second:has(.covidsidemenu) {
    flex: 0 0 17rem !important;
    max-width: 17rem !important;
    min-width: 17rem !important;
    width: 17rem !important;
  }

  /* Asegurar que la primera columna tome el espacio restante */
  .layout--twocol-section:has(.layout__region--second .covidsidemenu) > .layout__region--first {
    flex: 1 1 auto !important;
    max-width: calc(100% - 17rem - 1.5rem) !important;
  }
}

/* ===================================
   Taxonomy Term Pages - Fixed Width Sidebar (25rem)
   =================================== */

/* Base styles - mobile first - Alta especificidad */
.taxonomy-term.vocabulary-tags .layout__region--second,
.taxonomy-term .layout .layout__region--second,
.vocabulary-tags .layout .layout__region--second {
  width: 25rem !important;
  flex: 0 0 25rem !important;
  max-width: 25rem !important;
  min-width: 25rem !important;
}

/* Tablet and up - override the 33% rule */
@media screen and (min-width: 40em) {
  .taxonomy-term.vocabulary-tags .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second,
  .taxonomy-term .layout--twocol-section.layout--twocol-section--67-33 > .layout__region.layout__region--second,
  .vocabulary-tags .layout--twocol-section.layout--twocol-section--67-33 > .layout__region.layout__region--second {
    flex: 0 0 25rem !important;
    max-width: 25rem !important;
    min-width: 25rem !important;
    width: 25rem !important;
  }
}

/* Desktop - override the 50% calc rule - Máxima especificidad */
@media (min-width: 768px) {
  .taxonomy-term.vocabulary-tags .layout--twocol-section:last-of-type > .layout__region--second,
  .taxonomy-term.vocabulary-tags .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second,
  .taxonomy-term .layout--twocol-section:last-of-type > .layout__region.layout__region--second,
  .taxonomy-term .layout--twocol-section.layout--twocol-section--50-50 > .layout__region.layout__region--second,
  .vocabulary-tags .layout--twocol-section:last-of-type > .layout__region.layout__region--second,
  .vocabulary-tags .layout--twocol-section.layout--twocol-section--50-50 > .layout__region.layout__region--second {
    flex: 0 0 25rem !important;
    max-width: 25rem !important;
    min-width: 25rem !important;
    width: 25rem !important;
  }

  /* Asegurar que la primera columna tome el espacio restante */
  .taxonomy-term.vocabulary-tags .layout--twocol-section > .layout__region--first,
  .taxonomy-term .layout--twocol-section > .layout__region.layout__region--first,
  .vocabulary-tags .layout--twocol-section > .layout__region.layout__region--first {
    flex: 1 1 auto !important;
    max-width: calc(100% - 25rem - 1.5rem) !important;
  }
}

/* Layout horizontal de artículos en páginas de taxonomía */
.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item {
  display: grid !important;
  grid-template-columns: 270px 1fr;
  grid-template-rows: auto 1fr;

  grid-template-areas:
    "imagen titulo"
    "imagen texto";
  margin-bottom: 2rem;
}

/* Imagen a la izquierda */
.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-media,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-media {
  grid-area: imagen;
  margin: 0;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-media img,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-media img {
  width: 100%;
  height: auto;
  display: block;
}

/* Header (título) arriba a la derecha */
.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item > header,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item > header {
  grid-area: titulo;
}

/* Texto abajo a la derecha */
.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-text,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-text {
  grid-area: texto;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .node__content,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .node__content {
  display: contents;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .node__title,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .node__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .node__title a,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .node__title a {
  color: #263238 !important;
  text-decoration: none !important;
  font-weight: 700;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .node__title a:hover,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .node__title a:hover {
  color: #263238 !important;
  text-decoration: none !important;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-created,
.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-changed,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-created,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-changed {
  display: block !important;
  color: #90a4ae;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.taxonomy-term .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-text,
.vocabulary-tags .node--type-article.node--view-mode-medium-teaser-item .field--name-field-teaser-text {
  color: #546e7a;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0.5rem;
}


.taxonomy-term .block-views-blockcontent-recent-block-1 tr,
.vocabulary-tags .block-views-blockcontent-recent-block-1 tr,
.taxonomy-term .block-views-blockcontent-recent-block-2 tr:hover{
  background: #ffffff !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>*, .table-striped>tbody>tr:nth-of-type(odd)>*:hover {
  background-color: #ffffff !important;
  --bs-table-accent-bg: #ffffff !important;
}

.taxonomy-term h2,
.vocabulary-tags h2{
  color: #000000 !important;
}

.block-field-blocknodearticletitle .field--name-title {
  color: #000000 !important;
  font-size: 2.6rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.block-field-blocknodearticlefield-paragraphs img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}