/* Identidad visual del sitio de origen (Purity III «Corporate») sobre JA Purity IV (T4). Colores tomados del sitio en
   producción: cabecera azul en degradé con logo y menú en blanco, títulos de módulo en barra azul. */
:root { --color-primary: #1672a6; --body-link-color: #1672a6; --body-link-hover-color: #0f5580; }

#t4-header, #t4-header .header-block {
  background: linear-gradient(to bottom, #1197e5 0%, #1672a6 100%);
  border-bottom: 0;
}
#t4-header .navbar-nav > li > a,
#t4-header .navbar-nav > li > .nav-link,
#t4-header .navbar-nav > li > span,
#t4-header .t4-megamenu .nav-link,
#t4-header .header-r a { color: #fff !important; }
#t4-header .navbar-nav > li.active > a,
#t4-header .navbar-nav > li > a:hover { color: #fff !important; box-shadow: inset 0 -3px 0 #fff; }
#t4-header .navbar-toggler, #t4-header .t4-offcanvas-toggle { color: #fff; }

/* Títulos de módulo y encabezados de sección como barras azules */
.module-title, .t4-module .module-title {
  background: linear-gradient(to bottom, #3489d8 0%, #196b9e 100%);
  color: #fff; padding: .45rem 1.25rem; font-size: 1.15rem; font-weight: 400;
}
.module-title span, .module-title a { color: #fff; }

a { color: #1672a6; }
a:hover, a:focus { color: #0f5580; }

/* Filas de módulos como en Purity III (spotlight de hasta 4 columnas) */
#t4-main-top-1 > .t4-section-inner, #t4-main-bottom-1 > .t4-section-inner,
#t4-main-top-1:not(:has(> .t4-section-inner)), #t4-main-bottom-1:not(:has(> .t4-section-inner)) {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 30px;
  max-width: 1170px; margin: 2rem auto; padding: 0 15px;
}
#t4-main-top-1 img, #t4-main-bottom-1 img { max-width: 100%; height: auto; }
#t4-main-top-1 .module-title, #t4-main-bottom-1 .module-title { margin-bottom: .75rem; }

/* Artículo a todo el ancho: la columna lateral del artículo de Purity IV (beforeDisplayContent / «read-next») no se usa
   en estos sitios (CSS no permite anidar :has para detectarla vacía) */
.item-page .bottom-article-info .row > .col-md-3:has(> .siderbar-article) { display: none; }
.item-page .bottom-article-info .row > .col-md-9 { flex: 0 0 100%; max-width: 100%; }

/* Buscador de la cabecera (Búsqueda inteligente; reemplaza al buscador de Joomla 3). Como la lupa del sitio de origen:
   se ve el botón y el campo se despliega a su izquierda, sobre el menú, al pasar el mouse o al enfocarlo */
.t4-header-r .mod-finder { margin: 0 .5rem; position: relative; }
.t4-header-r .mod-finder__search.input-group { flex-wrap: nowrap; width: auto; }
.t4-header-r .mod-finder .btn { font-size: 0; padding: .375rem .7rem; border-radius: .375rem !important; }
.t4-header-r .mod-finder .btn .icon-search { font-size: 1rem; }
.t4-header-r .mod-finder input.form-control { position: absolute; right: calc(100% + .25rem); top: 0; height: 100%; z-index: 5;
  width: 0; padding-left: 0; padding-right: 0; border-width: 0; opacity: 0; transition: width .2s, opacity .2s; border-radius: .375rem !important; }
.t4-header-r .mod-finder:hover input.form-control, .t4-header-r .mod-finder:focus-within input.form-control {
  width: 15rem; padding: .375rem .75rem; border-width: 1px; opacity: 1; }