/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* ============================================================
   MEDIOS.UY | Identidad visual V03
   Joomla 6 · Gantry 5 / Helium
   Orden: fuentes, variables, base, estructura, cabecera,
   navegación, contenido editorial, pie y responsive.
   ============================================================ */
/* 01. TIPOGRAFÍA */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");
/* 02. PALETA */
:root {
  --medios-rojo: #b52532;
  --medios-azul: #193d61;
  --medios-negro: #171b21;
  --medios-blanco: #ffffff;
  --medios-borde: #e0e5e9;
}
/* 03. BASE */
body {
  background: #ffffff;
  color: #171b21;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}
a {
  transition: color 0.15s ease;
}
a:hover {
  color: #b52532;
}
h1, h2, h3, h4, h5, h6 {
  color: #171b21;
  font-family: "Manrope", Arial, sans-serif;
  letter-spacing: -0.025em;
}
h1, h2 {
  font-weight: 600;
}
/* 04. ANCHO GENERAL */
.g-container {
  width: 90%;
  max-width: none;
}
/* 05. CABECERA COMPACTA */
#g-navigation {
  background: #ffffff;
  color: #171b21;
  border-top: 3px solid #b52532;
  border-bottom: 1px solid #e0e5e9;
  box-shadow: none;
}
#g-navigation .g-container {
  padding-top: 0;
  padding-bottom: 0;
}
#g-navigation .g-content {
  margin: 0.25rem 0.6rem;
  padding: 0.2rem 0.4rem;
}
#g-navigation a {
  color: #171b21;
}
#g-navigation a:hover {
  color: #b52532;
}
#g-header {
  background: #ffffff;
  color: #171b21;
  border-bottom: 1px solid #e0e5e9;
}
#g-header .g-content {
  margin: 0.2rem 0.6rem;
  padding: 0.3rem 0.4rem;
}
/* 06. MENÚ GANTRY / HELIUM
   Se especifican los estados para impedir texto claro sobre fondo blanco.
   !important se limita a los enlaces del menú, donde Helium puede
   aplicar reglas más específicas según el outline y el estado. */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #171b21 !important;
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0;
  text-transform: none;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container {
  color: #b52532 !important;
}
#g-navigation .g-main-nav .g-dropdown {
  background: #ffffff;
  border: 1px solid #e0e5e9;
}
#g-navigation .g-main-nav .g-dropdown .g-sublevel > li > .g-menu-item-container {
  color: #171b21 !important;
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
#g-navigation .g-main-nav .g-dropdown .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-dropdown .g-sublevel > li.active > .g-menu-item-container {
  color: #b52532 !important;
}
/* Respeta los menús si se ubican en Header en el futuro. */
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #171b21;
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 600;
}
#g-header .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-header .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #b52532;
}
/* 07. COMPONENTES EDITORIALES */
.medios-seccion-titulo {
  border-bottom: 1px solid #e0e5e9;
  padding-bottom: 0.55rem;
  font-weight: 600;
  color: #171b21;
}
.medios-kicker {
  color: #b52532;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.medios-bajada {
  color: #65717d;
  font-weight: 400;
}
/* 08. SERVICIOS: clima y accesos */
.medios-servicios {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
.medios-servicios a {
  text-decoration: none;
}
.medios-servicios .medios-clima {
  color: #193d61;
}
/* 09. PIE DE PÁGINA */
#g-footer {
  background: #f6f8fa;
  color: #171b21;
  border-top: 1px solid #e0e5e9;
}
#g-footer a {
  color: #193d61;
}
#g-footer a:hover {
  color: #b52532;
}
/* 10. ADAPTACIÓN A MÓVILES */
@media (max-width: 767px) {
  .g-container {
    width: 94%;
  }
  #g-navigation .g-content, #g-header .g-content {
    margin: 0.15rem;
    padding: 0.2rem;
  }
  .medios-servicios {
    justify-content: center;
    gap: 0.6rem;
  }
}
/* 11. LOGOTIPO DE CABECERA */
.medios-logo {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
.medios-logo-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}
/* Adaptación a dispositivos móviles */
@media (max-width: 768px) {
  .medios-logo-img {
    max-height: 42px;
  }
}
/* 12. ENLACE COPYRIGHT ICI + DISEÑO WEB */
.ici-copyright-creditos a {
  color: #193d61;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}
.ici-copyright-creditos a:hover, .ici-copyright-creditos a:focus {
  color: #b52532;
  text-decoration: underline;
}
/* 13. BLOQUES ICI EN PORTADA */
/* Sección general donde van los módulos ICI */
#g-tecnologia, #g-technology, .section-tecnologia, .section-ici {
  background: #f6f8fa;
  border-top: 1px solid #e3e7eb;
  border-bottom: 1px solid #e3e7eb;
  padding: 1.6rem 0 1.8rem 0;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
/* Caja general de cada módulo */
.moduletable.medios-ici-bloque {
  background: #ffffff;
  border: 1px solid #e3e7eb;
  padding: 1.2rem 1.2rem 1.35rem 1.2rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
/* Título del módulo */
.moduletable.medios-ici-bloque > h3 {
  margin: 0 0 1rem 0;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #e7ebef;
  font-family: "Manrope", sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
  color: #171b21;
  position: relative;
}
/* Línea/acento debajo del título */
.moduletable.medios-ici-bloque > h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 3px;
  background: #193d61;
}
/* Acento específico de ICI Forestal */
.moduletable.medios-ici-forestal > h3::after {
  background: #4d6b43;
}
/* Si el módulo tiene una bajada o texto introductorio */
.moduletable.medios-ici-bloque .module-subtitle, .moduletable.medios-ici-bloque .mod-custom__text, .moduletable.medios-ici-bloque .module-desc {
  color: #5a6773;
  font-size: 0.92rem;
  margin-bottom: 1rem;
}
/* Tarjetas / artículos */
.moduletable.medios-ici-bloque article, .moduletable.medios-ici-bloque .medios-ici-item, .moduletable.medios-ici-bloque .item {
  border: 1px solid #edf1f4;
  background: #ffffff;
  padding: 0.55rem;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
/* Hover suave */
.moduletable.medios-ici-bloque article:hover, .moduletable.medios-ici-bloque .medios-ici-item:hover, .moduletable.medios-ici-bloque .item:hover {
  border-color: #d7dde3;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
/* Imágenes */
.moduletable.medios-ici-bloque img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777778;
  object-fit: cover;
  margin-bottom: 0.55rem;
}
/* Categoría */
.moduletable.medios-ici-bloque .category, .moduletable.medios-ici-bloque .medios-ici-category, .moduletable.medios-ici-bloque .item-category {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6a7782;
}
/* Titulares */
.moduletable.medios-ici-bloque h4, .moduletable.medios-ici-bloque h5, .moduletable.medios-ici-bloque .item-title, .moduletable.medios-ici-bloque .medios-ici-title {
  margin: 0 0 0.35rem 0;
  font-family: "Manrope", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
  color: #171b21;
}
/* Bajada */
.moduletable.medios-ici-bloque p, .moduletable.medios-ici-bloque .introtext, .moduletable.medios-ici-bloque .medios-ici-intro {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: #4b5966;
}
/* Enlaces */
.moduletable.medios-ici-bloque a {
  color: inherit;
  text-decoration: none;
}
.moduletable.medios-ici-bloque a:hover h4, .moduletable.medios-ici-bloque a:hover h5, .moduletable.medios-ici-bloque a:hover .item-title, .moduletable.medios-ici-bloque a:hover .medios-ici-title {
  color: #b52532;
}
/* Separación entre filas, si el módulo usa grid */
.moduletable.medios-ici-bloque .medios-ici-grid, .moduletable.medios-ici-bloque .items-row, .moduletable.medios-ici-bloque .blog-items {
  gap: 1rem;
}
/* Móvil */
@media (max-width: 768px) {
  .moduletable.medios-ici-bloque {
    padding: 1rem;
  }
  .moduletable.medios-ici-bloque > h3 {
    font-size: 1.25rem;
  }
  .moduletable.medios-ici-bloque h4, .moduletable.medios-ici-bloque h5, .moduletable.medios-ici-bloque .item-title, .moduletable.medios-ici-bloque .medios-ici-title {
    font-size: 0.98rem;
  }
}
/* ============================================================
   14. MEDIOS.UY | MARCADORES SPORTScore v1.2.0
   Selectores contrastados con media/css/marcadores.css del módulo.
   Este bloque modifica el aspecto, no la consulta de resultados.
   Afecta únicamente a .medios-multi-scores y a sus franjas.
   ============================================================ */
.medios-multi-scores {
  font-family: "Manrope", Arial, sans-serif;
  color: #f6f8fc;
  /* Fija y selector también reutilizan la misma franja. */
}
.medios-multi-scores .medios-competition-tabs {
  padding: 9px 11px 3px;
  gap: 7px;
  background: #202d40;
  border-radius: 14px 14px 0 0;
}
.medios-multi-scores .medios-competition-tabs button {
  border-radius: 999px;
  background: #34465e;
  border: 1px solid #4a6079;
  color: #f6f8fc;
  padding: 7px 13px;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.medios-multi-scores .medios-competition-tabs button:hover {
  background: #445c7a;
  border-color: #8097b1;
}
.medios-multi-scores .medios-competition-tabs button[aria-selected="true"] {
  background: #b52532;
  border-color: #d65462;
  color: #fff;
}
.medios-multi-scores .medios-competition-tabs button:focus-visible {
  outline: 2px solid #f3f6fa;
  outline-offset: 2px;
}
.medios-multi-scores .medios-mode-rows {
  background: #202d40;
  border-radius: 0 0 14px 14px;
  gap: 4px;
  padding: 4px 0;
  overflow: hidden;
}
.medios-multi-scores .medios-scorestrip {
  background: linear-gradient(115deg, #202d40, #283c55);
  border-top: 2px solid #b52532;
  border-radius: 12px;
  color: #f6f8fc;
  padding: 10px 12px;
  gap: 12px;
  box-shadow: 0 2px 10px rgba(15, 25, 41, 0.12);
}
.medios-multi-scores .medios-scorestrip-head {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.medios-multi-scores .medios-scorestrip-matches {
  gap: 9px;
  scrollbar-color: #738ba7 transparent;
}
.medios-multi-scores .medios-scorestrip-match {
  background: linear-gradient(180deg, #30435d, #2b3d54);
  border: 1px solid #4a6079;
  border-radius: 11px;
  padding: 8px 10px;
  min-height: 74px;
  color: #fff;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.medios-multi-scores .medios-scorestrip-match:hover {
  background: #39516d;
  border-color: #7891ad;
}
.medios-multi-scores .medios-scorestrip-match.is-live {
  border-color: #e76a74;
  background: #38465b;
}
.medios-multi-scores .medios-scorestrip-status {
  color: #c3d3e5;
  font-size: 10px;
  font-weight: 700;
}
.medios-multi-scores .medios-scorestrip-status.is-live {
  color: #ffc0c4;
}
.medios-multi-scores .medios-scorestrip-live-dot {
  background: #ed4c5c;
}
.medios-multi-scores .medios-scorestrip-pair {
  color: #f6f8fc;
  font-size: 11px;
  line-height: 1.4;
}
.medios-multi-scores .medios-scorestrip-pair b {
  color: #fff;
  font-weight: 800;
}
.medios-multi-scores .medios-scorestrip-pair img {
  border-radius: 3px;
  background: transparent;
}
.medios-multi-scores .medios-scorestrip-source a {
  color: #cbdcf4 !important;
}
.medios-multi-scores .medios-scorestrip-source a:hover {
  color: #fff !important;
}
.medios-multi-scores .medios-scores-empty {
  color: #c3d3e5;
}
/* 15. RESPONSIVE | MARCADORES */
@media (max-width: 780px) {
  .medios-multi-scores .medios-competition-tabs {
    border-radius: 11px 11px 0 0;
    padding: 8px;
  }
  .medios-multi-scores .medios-mode-rows {
    border-radius: 0 0 11px 11px;
  }
  .medios-multi-scores .medios-scorestrip {
    border-radius: 10px;
    padding: 8px;
  }
  .medios-multi-scores .medios-scorestrip-match {
    flex-basis: 177px;
  }
}
/*# sourceMappingURL=custom_16.css.map */