/* ============================================
   ANJANA DATA - Custom Theme for Scroll Sites
   Paleta corporativa aplicada al portal
   ============================================ */

/* --- BANNER / HERO DE LA HOMEPAGE --- */
.scroll-site-banner,
.portal-banner,
.hero-banner,
[class*="banner"] {
  background: linear-gradient(135deg, #36699C 0%, #4978AA 50%, #6B95C0 100%) !important;
}

/* --- HEADER (barra superior) --- */
.scroll-site-header,
header[class*="header"] {
  background-color: #ffffff !important;
  border-bottom: 3px solid #36699C !important;
}

.scroll-site-header a,
header[class*="header"] a {
  color: #36699C !important;
}

.scroll-site-header a:hover,
header[class*="header"] a:hover {
  color: #E19C5B !important;
}

/* --- FOOTER --- */
.scroll-site-footer,
footer[class*="footer"] {
  background-color: #f0f4f8 !important;
  color: #36699C !important;
  border-top: 3px solid #36699C !important;
}

.scroll-site-footer a,
footer[class*="footer"] a {
  color: #A37341 !important;
}

.scroll-site-footer a:hover,
footer[class*="footer"] a:hover {
  color: #E19C5B !important;
}

/* Selector de idioma en el footer - forzar visibilidad */
footer button,
footer [role="button"],
footer select,
footer [class*="language"] *,
footer [class*="locale"] *,
footer [class*="picker"] * {
  color: #36699C !important;
  border-color: #36699C !important;
}

footer svg,
footer [class*="language"] svg,
footer [class*="picker"] svg {
  fill: #36699C !important;
  stroke: #36699C !important;
}

/* --- BARRA DE BÚSQUEDA DEL BANNER --- */
.portal-banner input[type="search"],
.portal-banner input[type="text"],
[class*="banner"] input[type="search"],
[class*="banner"] input[type="text"] {
  border: none !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
}

.portal-banner input[type="search"]:focus,
[class*="banner"] input[type="search"]:focus {
  border: none !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

/* --- TILES / TARJETAS DE DOCUMENTOS --- */

/* Forzar grid de 3 columnas SOLO en el contenedor */
[class*="tiles"],
[class*="tile-grid"],
[class*="content-source-list"] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}

/* Tiles individuales */
.content-source-tile,
[class*="content-source-tile"] {
  border: 1px solid #e0e6ed !important;
  border-radius: 10px !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 12px 16px !important;
}

.content-source-tile:hover,
[class*="content-source-tile"]:hover {
  border-color: #4978AA !important;
  box-shadow: 0 4px 16px rgba(54, 105, 156, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* Iconos pequeños dentro de las tiles */
.content-source-tile img,
.content-source-tile svg,
[class*="content-source-tile"] img,
[class*="content-source-tile"] svg,
[class*="tile-icon"] img,
[class*="tile-icon"] svg {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  flex-shrink: 0 !important;
}

/* Texto de las tiles en horizontal */
.content-source-tile span,
.content-source-tile a,
[class*="content-source-tile"] span,
[class*="content-source-tile"] a {
  font-size: 14px !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Responsive */
@media (max-width: 900px) {
  [class*="tiles"],
  [class*="tile-grid"],
  [class*="content-source-list"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  [class*="tiles"],
  [class*="tile-grid"],
  [class*="content-source-list"] {
    grid-template-columns: 1fr !important;
  }
}

/* --- ENLACES GENERALES --- */
a {
  color: #36699C !important;
}

a:hover {
  color: #A37341 !important;
}

/* --- BOTONES --- */
button[class*="primary"],
a[class*="primary"],
.btn-primary {
  background-color: #36699C !important;
  border-color: #36699C !important;
  color: #ffffff !important;
}

button[class*="primary"]:hover,
a[class*="primary"]:hover,
.btn-primary:hover {
  background-color: #4978AA !important;
  border-color: #4978AA !important;
}

/* --- SIDEBAR / NAVEGACIÓN LATERAL --- */
nav[class*="sidebar"] a:hover,
nav[class*="nav"] a:hover,
.scroll-site-sidebar a:hover {
  color: #36699C !important;
  background-color: rgba(54, 105, 156, 0.08) !important;
}

nav[class*="sidebar"] a[aria-current="page"],
.scroll-site-sidebar a[aria-current="page"] {
  color: #36699C !important;
  font-weight: 600 !important;
  border-left: 3px solid #E19C5B !important;
}

/* --- TIPOGRAFÍA (Roboto si está disponible) --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

body,
.scroll-site {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
  color: #36699C !important;
}

/* Forzar título y subtítulo del banner en BLANCO */
[class*="banner"] h1,
[class*="banner"] h2,
[class*="banner"] p,
[class*="banner"] span,
.portal-banner h1,
.portal-banner p,
.scroll-site-banner h1,
.scroll-site-banner p,
[class*="hero"] h1,
[class*="hero"] p {
  color: #ffffff !important;
}

/* --- ACENTO NARANJA para elementos destacados (fuera del banner) --- */
.breadcrumb a:hover,
nav a.active {
  color: #E19C5B !important;
}