/**
 * Sobreescrituras de color para Rionegro sobre sv-main.css.
 *
 * ---------------------------------------------------------------------------
 * Los CSS de componentes usan tokens: var(--svf-primario, #004628) dentro de
 * la regla original. Ese es el patron correcto y no necesita este archivo.
 *
 * sv-main.css no se puede tokenizar igual porque es la salida compilada del
 * gulp: editarlo se pierde en la siguiente compilacion, y el pipeline hoy no
 * arranca (node-sass 4 no compila con Node moderno). Mientras eso siga asi,
 * aqui se sobreescribe por selector.
 *
 * Cuando el pipeline se pueda correr, el arreglo real son tres lineas en
 * scss/_a-variables.scss:
 *
 *     $color-primary:   #97BF0D;   ->  var(--svf-acento, #97BF0D)
 *     $color-secondary: #006941;   ->  var(--svf-primario, #006941)
 *     $color-darkgreen: #003C26;   ->  var(--svf-primario-oscuro, #003C26)
 *
 * mas los hex sueltos de _m-main.scss y _l-content.scss. Hecho eso, este
 * archivo se borra completo.
 * ---------------------------------------------------------------------------
 *
 * CORRESPONDENCIA DE COLOR
 *   #006941  $color-secondary  verde oscuro  ->  --svf-primario         English Violet
 *   #97bf0d  $color-primary    lima          ->  --svf-acento           Rebecca Purple
 *   #003c26  $color-darkgreen  verde muy osc ->  --svf-primario-oscuro  derivado
 *   #007048                    verde medio   ->  --svf-primario-oscuro
 *   #a7c932                    lima claro    ->  --svf-acento
 *
 * SOBRE FONDO OSCURO se usa --svf-acento-claro (Ultra Violet #655DA2).
 * El verde original era mas luminoso que el morado que lo reemplaza, asi que
 * el texto de marca sobre negro pierde contraste si se usa --svf-primario.
 * Afecta al pie de pagina y a los realces sobre imagenes del slider.
 *
 * NO SE TOCAN, a proposito:
 *   #962582 / #af499d  magenta institucional (ya es morado)
 *   #009f98            turquesa de categoria
 *   #e32021 #ec7d22 #fdcd00 #ffc814  rojo, naranja, amarillos de categoria
 *   grises y neutros
 *
 * ALCANCE
 *   Cubre chasis, utilitarias, botones, navegacion, formularios y contenido:
 *   lo que aparece en cualquier pagina de Rionegro. Quedan fuera las secciones
 *   que ese portal no tiene (commerce, libros, memorias, navidad, dona), los
 *   colores quemados en imagenes y SVG, los guardados como valores de campo en
 *   la BD, y los CSS de los modulos custom arkix_* (esos si se pueden
 *   tokenizar en origen; van en un MR aparte).
 *
 *   Si aparece un verde no cubierto: inspeccionar, confirmar que la regla sale
 *   de sv-main.css, y agregarla en la seccion que corresponda de este archivo.
 *

/* ===========================================================================
   1. Utilitarias de color
   Clases genericas puestas directo en el marcado y en el contenido del CMS.
   =========================================================================== */

body.portal-rionegro .color-primary,
body.portal-rionegro .color-primary:hover,
body.portal-rionegro .color-primary:active,
body.portal-rionegro .color-primary:focus { color: var(--svf-acento); }

body.portal-rionegro .color-secondary,
body.portal-rionegro .color-secondary:hover,
body.portal-rionegro .color-secondary:active,
body.portal-rionegro .color-secondary:focus { color: var(--svf-primario); }

body.portal-rionegro .bg-color-primary   { background-color: var(--svf-acento); }
body.portal-rionegro .bg-color-secondary { background-color: var(--svf-primario); }

/* ===========================================================================
   2. Enlaces globales
   =========================================================================== */

body.portal-rionegro a,
body.portal-rionegro a:hover { color: var(--svf-primario); }

body.portal-rionegro .simple-link,
body.portal-rionegro .simple-link:hover,
body.portal-rionegro .navbar-we-mega-menu .type-of-block .simple-link,
body.portal-rionegro .navbar-we-mega-menu .type-of-block .simple-link:hover { color: var(--svf-acento); }

body.portal-rionegro .simple-link.color-secondary,
body.portal-rionegro .simple-link.color-secondary:hover { color: var(--svf-primario); }

/* ===========================================================================
   3. Botones
   =========================================================================== */

body.portal-rionegro .btn-primary,
body.portal-rionegro .btn-primary .disabled,
body.portal-rionegro .btn-primary:disabled {
  background-color: var(--svf-acento);
  border-color: var(--svf-acento);
}

body.portal-rionegro .btn-primary:hover,
body.portal-rionegro .btn-primary:active,
body.portal-rionegro .btn-primary:focus {
  background-color: var(--svf-primario);
  border-color: var(--svf-acento);
}

body.portal-rionegro .btn-secondary {
  background-color: var(--svf-primario);
  border-color: var(--svf-primario);
}

body.portal-rionegro .btn-secondary:hover,
body.portal-rionegro .btn-secondary:active,
body.portal-rionegro .btn-secondary:focus {
  background-color: var(--svf-acento);
  border-color: var(--svf-primario);
}

body.portal-rionegro .btn-white { color: var(--svf-primario); }

body.portal-rionegro .btn-white:hover,
body.portal-rionegro .btn-white:active,
body.portal-rionegro .btn-white:focus {
  background-color: var(--svf-acento);
  border-color: var(--svf-acento);
}

/* Botones circulares con icono */
body.portal-rionegro .btn-ico {
  border-color: var(--svf-primario);
  background-color: var(--svf-primario);
}

body.portal-rionegro .btn-ico:hover,
body.portal-rionegro .btn-ico:active,
body.portal-rionegro .btn-ico:focus {
  background-color: var(--svf-acento);
  border-color: var(--svf-primario);
}

body.portal-rionegro .btn-ico__primary {
  background-color: var(--svf-acento);
  border-color: var(--svf-acento);
}

body.portal-rionegro .btn-ico__primary:hover,
body.portal-rionegro .btn-ico__primary:active,
body.portal-rionegro .btn-ico__primary:focus {
  background-color: var(--svf-primario);
  border-color: var(--svf-acento);
}

/* CTA grande de contenido */
body.portal-rionegro .l-content__cta {
  border-color: var(--svf-acento);
  background-color: var(--svf-acento);
}

body.portal-rionegro .l-content__cta::after { background-color: var(--svf-primario); }

body.portal-rionegro .info-block__type1-cta {
  border-color: var(--svf-acento);
  background-color: var(--svf-acento);
}

body.portal-rionegro .info-block__type1-cta::after { background-color: var(--svf-primario); }

/* ===========================================================================
   4. Chasis y regiones
   =========================================================================== */

body.portal-rionegro .r-top { background-color: var(--svf-acento); }

body.portal-rionegro .r-main-menu { background-color: var(--svf-primario); }

body.portal-rionegro .r-logo .navbar-brand__btn-menu > span { background-color: var(--svf-primario); }

body.portal-rionegro .r-page-bottom--full { background-color: var(--svf-primario); }

body.portal-rionegro .r-footer-botttom--full { background-color: var(--svf-primario); }

body.portal-rionegro.path-frontpage .r-page-top,
body.portal-rionegro.node--type-article .r-page-top { background-color: var(--svf-acento); }

@media (min-width: 1200px) {
  body.portal-rionegro .r-page-bottom--full::after { background-color: var(--svf-primario-oscuro); }
}

body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales { background-color: var(--svf-primario-oscuro); }

body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales .menu-icon:hover,
body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales .menu-icon:focus { background-color: var(--svf-acento); }

body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales .btn-secondary { color: var(--svf-primario); }

body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales .btn-secondary:hover,
body.portal-rionegro .r-page-bottom--full .menu--menu-redes-sociales .btn-secondary:active { background-color: var(--svf-acento); }

/* ===========================================================================
   5. Menu principal (WE Mega Menu)
   Las reglas originales traen !important; hay que igualarlo.
   =========================================================================== */

@media (min-width: 1200px) {
  body.portal-rionegro .r-main-menu .we-mega-menu-ul { background-color: var(--svf-primario); }
  body.portal-rionegro .r-main-menu .we-mega-menu-ul > .we-mega-menu-li.active { background-color: var(--svf-primario-oscuro); }
  body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li[data-level="1"] > a,
  body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li[data-level="1"] > span { color: var(--svf-primario); }
}

body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li a.we-mega-menu-li:hover,
body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li span.we-mega-menu-li:hover { color: var(--svf-acento) !important; }

body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li a.we-megamenu-nolink:hover,
body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li span.we-megamenu-nolink:hover { color: var(--svf-primario) !important; }

body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li .we-mega-menu-li.active a,
body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li .we-mega-menu-li.active span { color: var(--svf-primario) !important; }

body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li[data-level="1"] > a,
body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li[data-level="1"] > span { color: var(--svf-acento); }

body.portal-rionegro .r-main-menu .we-mega-menu-ul > .dropdown-menu li.we-mega-menu-li[data-level="1"].active > a { color: var(--svf-acento) !important; }

/* Menu movil desplegable del tema viejo */
@media (max-width: 1199px) {
  body.portal-rionegro .btn-close::after,
  body.portal-rionegro .btn-close::before { background-color: var(--svf-acento); }

  body.portal-rionegro .r-main-menu .we-mega-menu-ul.nav-tabs > li.we-mega-menu-li > a,
  body.portal-rionegro .r-main-menu .we-mega-menu-ul.nav-tabs > li.we-mega-menu-li > span,
  body.portal-rionegro .r-main-menu .we-mega-menu-ul.nav-tabs > li.we-mega-menu-li > a:hover,
  body.portal-rionegro .r-main-menu .we-mega-menu-ul.nav-tabs > li.we-mega-menu-li > span:hover { color: var(--svf-primario) !important; }
}

/* Submenu desplegable con fondo translucido.
   El original usa rgba(0,105,65,.9); var() no funciona dentro de rgba().
   Equivale a English Violet #452964 al 90%. */
body.portal-rionegro .link-sub-menu + .menu__sub-menu { background-color: rgba(69, 41, 100, .9); }

body.portal-rionegro .link-sub-menu { background-color: var(--svf-acento); }

body.portal-rionegro .seccion-menu::after { background-color: var(--svf-acento); }
body.portal-rionegro .seccion-menu:hover figure::before { background-color: var(--svf-acento); }
body.portal-rionegro .seccion-menu__title { color: var(--svf-primario); }
body.portal-rionegro .seccion-menu__purple .seccion-menu__title { color: var(--svf-acento-suave); }

body.portal-rionegro .b-menu__top { border-top-color: var(--svf-acento); }
body.portal-rionegro .panel-primary { background-color: var(--svf-acento); }

body.portal-rionegro .link-image__title { color: var(--svf-acento); }
body.portal-rionegro .link-image:hover .link-image__title { color: var(--svf-primario); }

body.portal-rionegro .menu__user-account--profile-img { border-color: var(--svf-primario); }
body.portal-rionegro .menu__user-account .menu-item a { color: var(--svf-primario); }
body.portal-rionegro .menu__user-account .menu-item ul.menu .menu-item { border-color: var(--svf-primario); }

body.portal-rionegro .link-ico:hover,
body.portal-rionegro .link-ico:active,
body.portal-rionegro .link-ico:focus { color: var(--svf-primario); }

body.portal-rionegro .link-ico:hover span,
body.portal-rionegro .link-ico:active span,
body.portal-rionegro .link-ico:focus span { color: var(--svf-primario); }

/* ===========================================================================
   6. Migas de pan
   =========================================================================== */

body.portal-rionegro ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before { background-color: var(--svf-acento); }

body.portal-rionegro ol.breadcrumb > .breadcrumb-item:last-child a,
body.portal-rionegro ol.breadcrumb > .breadcrumb-item:last-child a:active { color: var(--svf-acento); }

/* ===========================================================================
   7. Buscador
   =========================================================================== */

body.portal-rionegro .block-views-exposed-filter-blockbusqueda-page-1 .form-submit {
  background-color: var(--svf-primario);
  border-color: var(--svf-primario);
}

body.portal-rionegro .block-views-exposed-filter-blockbusqueda-page-1 .form-submit:hover { background-color: var(--svf-acento) !important; }

body.portal-rionegro .block-views-exposed-filter-blockbusqueda-page-1 .form-row .form-item-search-api-fulltext .form-control { border-color: var(--svf-primario) !important; }

body.portal-rionegro .block-search .form-control,
body.portal-rionegro .block-search .form-control:focus { border-color: var(--svf-primario); }

body.portal-rionegro .path-search .search-form + h2 { color: var(--svf-primario); }
body.portal-rionegro .path-search .node_search-results h3 a,
body.portal-rionegro .path-search .node_search-results h3 a:hover { color: var(--svf-acento); }
body.portal-rionegro .path-search .node_search-results > li strong { color: var(--svf-primario); }

body.portal-rionegro .c-search h4 { color: var(--svf-primario); }
body.portal-rionegro .c-search__link { background-color: var(--svf-primario); }
body.portal-rionegro .c-search__link::before { background-color: var(--svf-acento); }

/* ===========================================================================
   8. Paginacion
   =========================================================================== */

body.portal-rionegro .page-item.active .page-link {
  background-color: var(--svf-primario);
  border-color: var(--svf-primario);
}

body.portal-rionegro .pagination > .active > a,
body.portal-rionegro .pagination > .active > a:hover,
body.portal-rionegro .pagination > .active > span {
  background-color: var(--svf-primario-oscuro);
  border-color: var(--svf-primario-oscuro);
}

body.portal-rionegro .pagination > li > a,
body.portal-rionegro .pagination > li > span { color: var(--svf-primario); }

body.portal-rionegro nav[aria-label="Page navigation"] .pagination > li > a,
body.portal-rionegro nav[aria-label="Page navigation"] .pagination > li > span { color: var(--svf-primario); }

body.portal-rionegro nav[aria-label="Page navigation"] .pagination > li.active { background-color: var(--svf-primario); }

body.portal-rionegro nav[aria-label="Page navigation"] .pagination > li:hover,
body.portal-rionegro nav[aria-label="Page navigation"] .pagination > li:focus { background-color: var(--svf-acento); }

/* ===========================================================================
   9. Pie de pagina del tema viejo
   El fondo del pie es casi negro, asi que aqui va --svf-acento-claro
   (Ultra Violet) y no --svf-primario: el morado oscuro no se lee encima.
   =========================================================================== */

body.portal-rionegro .r-footer .nav-link:hover,
body.portal-rionegro .r-footer .nav-link:active,
body.portal-rionegro .r-footer .nav-link:focus { color: var(--svf-acento-suave); }

body.portal-rionegro .r-footer .link-title,
body.portal-rionegro .r-footer .link-title:hover,
body.portal-rionegro .r-footer .link-title:active { color: var(--svf-acento-suave); }

body.portal-rionegro .r-footer .num-tel { color: var(--svf-acento-suave); }

@media (min-width: 768px) {
  body.portal-rionegro .footer__info .font-bold { color: var(--svf-acento-suave); }
}

/* ===========================================================================
   10. Titulos y encabezados de seccion
   =========================================================================== */

body.portal-rionegro .title-section,
body.portal-rionegro .title-section a,
body.portal-rionegro .title-section a:hover,
body.portal-rionegro .title-section a:active { color: var(--svf-primario); }

body.portal-rionegro .l-content__title { color: var(--svf-primario); }

body.portal-rionegro .section-authors__title,
body.portal-rionegro .section-authors .views-field-field-nombre,
body.portal-rionegro .section-services__title { color: var(--svf-primario); }

body.portal-rionegro .link-category__title,
body.portal-rionegro .link-category:hover .link-category__title { color: var(--svf-primario); }

body.portal-rionegro .link-category:hover > figure::before { background-color: var(--svf-acento); }

body.portal-rionegro .author-info__name a,
body.portal-rionegro .author-info__name a:hover { color: var(--svf-primario); }

body.portal-rionegro .c-publications h3 a { color: var(--svf-primario); }

body.portal-rionegro .paragraph--type--grid-patrocinadores .field--name-field-titulo-seccion { color: var(--svf-primario); }

/* ===========================================================================
   11. Cuerpo de articulo y contenido estructurado
   =========================================================================== */

body.portal-rionegro .l-article__title { background-color: var(--svf-acento); }

@media (max-width: 767px) {
  body.portal-rionegro .l-article__title--mobile { background-color: var(--svf-primario); }
}

body.portal-rionegro .l-article__sub-title,
body.portal-rionegro .l-article__list-title,
body.portal-rionegro .l-article__list-txt { color: var(--svf-primario); }

body.portal-rionegro .l-article__list-line > li::before,
body.portal-rionegro .l-article__list-number > li::before,
body.portal-rionegro .l-article__list-circle > li::before { background-color: var(--svf-primario); }

@media (min-width: 768px) {
  body.portal-rionegro .l-article__list-columns > li:nth-child(even)::before { background-color: var(--svf-primario); }
}

@media (max-width: 767px) {
  body.portal-rionegro .l-article__list-columns > li:nth-child(even) { border-bottom-color: var(--svf-primario); }
}

body.portal-rionegro .info-block { background-color: var(--svf-primario); }

body.portal-rionegro .svf-content__subtitle--background { background-color: var(--svf-acento); }

@media (max-width: 767px) {
  body.portal-rionegro .svf-content__subtitle--simple,
  body.portal-rionegro .svf-content__subtitle--simple:hover { background-color: var(--svf-primario); }
}

body.portal-rionegro .svf-content__list-line > li::before,
body.portal-rionegro .svf-content__list-number > li::before,
body.portal-rionegro .svf-content__list-circle > li::before { background-color: var(--svf-primario); }

body.portal-rionegro .svf-content__title-desc-title,
body.portal-rionegro .svf-content__title-desc-txt { color: var(--svf-primario); }

@media (min-width: 768px) {
  body.portal-rionegro .svf-content__title-desc > li:nth-child(even)::before { background-color: var(--svf-primario); }
}

@media (max-width: 767px) {
  body.portal-rionegro .svf-content__title-desc > li:nth-child(even) { border-bottom-color: var(--svf-primario); }
}

body.portal-rionegro .c-counter {
  border-top-color: var(--svf-acento);
  border-bottom-color: var(--svf-acento);
}

body.portal-rionegro .c-counter__title { color: var(--svf-acento); }
body.portal-rionegro .c-counter__list > li + li { border-left-color: var(--svf-acento); }

/* Tablas dentro de pestañas de contenido (el original trae !important) */
body.portal-rionegro .paragraph--type--a11y-paragraphs-tab-content table tbody tr th { background-color: var(--svf-primario) !important; }
body.portal-rionegro .paragraph--type--a11y-paragraphs-tab-content table tbody tr td { border-bottom-color: var(--svf-primario); }
body.portal-rionegro .paragraph--type--a11y-paragraphs-tab-content table tbody tr td::after { border-color: var(--svf-primario); }

/* ===========================================================================
   12. Pestañas y acordeon del tema viejo
   =========================================================================== */

body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger:hover,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger:active,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger:focus {
  color: var(--svf-primario);
  border-color: var(--svf-primario);
}

body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger::before { background-color: var(--svf-primario); }

body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:hover {
  background-color: var(--svf-nav-activo);
  border-color: var(--svf-primario);
}

body.portal-rionegro .a11y-paragraphs-tabs__wrapper .accordeon-trigger,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .accordeon-trigger.is-selected,
body.portal-rionegro .a11y-paragraphs-tabs__wrapper .accordeon-trigger.is-selected:hover {
  color: var(--svf-primario);
  border-color: var(--svf-primario);
}

@media (max-width: 767px) {
  body.portal-rionegro .a11y-paragraphs-tabs__wrapper .is-open .accordeon-trigger {
    background-color: var(--svf-primario);
    border-color: var(--svf-primario);
  }
  body.portal-rionegro .a11y-paragraphs-tabs__wrapper .is-open .accordeon-trigger:hover { color: var(--svf-primario); }
}

body.portal-rionegro .c-data-tab__title { border-color: var(--svf-primario); }
body.portal-rionegro .c-data-tab__btn { color: var(--svf-primario); }
body.portal-rionegro .c-data-tab__btn:hover,
body.portal-rionegro .c-data-tab__btn.active { background-color: var(--svf-primario); }
body.portal-rionegro .c-data-tab__title--accordion .c-data-tab__btn.active { background-color: var(--svf-primario); }

/* ===========================================================================
   13. Slider del tema viejo
   Los dots y la fecha van sobre imagen, casi siempre oscura: ahi
   --svf-acento-claro se lee mejor que --svf-acento.
   =========================================================================== */

body.portal-rionegro .c-slider__item-link::before { background-color: var(--svf-acento); }
body.portal-rionegro .c-slider__item-link:hover::before { background-color: var(--svf-primario); }

body.portal-rionegro .c-slider .slick-arrow,
body.portal-rionegro .c-slider-tpl .slick-arrow,
body.portal-rionegro .c-multi-slider .slick-arrow {
  background-color: var(--svf-acento);
  border-color: var(--svf-acento);
}

body.portal-rionegro .c-slider .slick-arrow:hover,
body.portal-rionegro .c-slider-tpl .slick-arrow:hover,
body.portal-rionegro .c-multi-slider .slick-arrow:hover { background-color: var(--svf-primario); }

body.portal-rionegro .c-slider .slick-dots li.slick-active button:before,
body.portal-rionegro .c-slider-tpl .slick-dots li.slick-active button:before { color: var(--svf-acento-claro); }

body.portal-rionegro .c-slider--event .c-slider__item-date { color: var(--svf-acento-claro); }

/* ===========================================================================
   14. Noticias, blog y eventos del tema viejo
   =========================================================================== */

body.portal-rionegro .new_title a { color: var(--svf-primario); }
body.portal-rionegro .new:hover > a::before { background-color: var(--svf-acento); }

body.portal-rionegro .education_title a { color: var(--svf-primario); }

body.portal-rionegro .blog_item:hover figure a::before { background-color: var(--svf-acento); }

body.portal-rionegro #block-views-block-blogs-block-paginador-home-blog > div:first-child { border-bottom-color: var(--svf-acento); }

body.portal-rionegro .c-blog-paged__autor { background-color: var(--svf-primario); }
body.portal-rionegro .c-blog-paged__title a { color: var(--svf-primario); }
body.portal-rionegro .c-blog-paged__date { color: var(--svf-acento); }
body.portal-rionegro .c-blog-paged__wrapper .slick-dots li.slick-active button:before { color: var(--svf-acento); }
body.portal-rionegro .c-blog-paged:hover .c-blog-paged__img a::before { background-color: var(--svf-acento); }
body.portal-rionegro .c-blog-paged { border-bottom-color: var(--svf-acento); }

body.portal-rionegro .blog-featured__info { border-bottom-color: var(--svf-acento); }
body.portal-rionegro .blog-featured__info-title a { color: var(--svf-primario); }
body.portal-rionegro .blog-featured__info-author { color: var(--svf-acento); }

body.portal-rionegro .c-blog-cat__wrapper { border-bottom-color: var(--svf-acento); }
body.portal-rionegro .c-blog-cat__header { color: var(--svf-primario); }
body.portal-rionegro .c-blog-cat__title { background-color: var(--svf-primario); }
body.portal-rionegro .c-blog-cat:hover .c-blog-cat__img a::before { background-color: var(--svf-acento); }

body.portal-rionegro .c-blog-related__header {
  border-top-color: var(--svf-acento);
  color: var(--svf-primario);
}

body.portal-rionegro .c-blog-related .views-field-nid { background-color: var(--svf-acento); }
body.portal-rionegro .c-blog-related .views-field-field-image:hover a::before { background-color: var(--svf-acento); }

body.portal-rionegro .view-categorias-blog .views-row .views-field-name,
body.portal-rionegro .view-categorias-blog .views-row .views-field-title { background-color: var(--svf-primario); }

body.portal-rionegro .view-category-post .views-field-field-autores { background-color: var(--svf-primario); }
body.portal-rionegro .view-category-post .views-field-created { color: var(--svf-acento); }

body.portal-rionegro .event_item { border-bottom-color: var(--svf-primario); }
body.portal-rionegro .event_date,
body.portal-rionegro .event_location { color: var(--svf-primario); }
body.portal-rionegro .event_item:hover .event_image a::before { background-color: var(--svf-acento); }

body.portal-rionegro .c-column-event__date { background-color: var(--svf-primario); }
body.portal-rionegro .c-column-event__box { background-color: var(--svf-acento); }
body.portal-rionegro .c-column-event__title a { color: var(--svf-primario); }
body.portal-rionegro .c-column-event__item:hover figure a::before { background-color: var(--svf-acento); }

body.portal-rionegro .video-blog__title { color: var(--svf-primario); }
body.portal-rionegro .video-blog__video span { background-color: var(--svf-primario); }
body.portal-rionegro .page-video__title { background-color: var(--svf-primario); }

/* ===========================================================================
   15. Vistas de especialidades y directorio medico
   =========================================================================== */

body.portal-rionegro .field--name-field-especialidad .field__label { color: var(--svf-acento); }
body.portal-rionegro .field--name-field-especialidad .field__items .field__item a { color: var(--svf-primario); }

body.portal-rionegro .view-especialidades-y-servicios .view-header .nav-item a { color: var(--svf-primario); }
body.portal-rionegro .view-especialidades-y-servicios .view-header .nav-item.active a { border-color: var(--svf-primario); }
body.portal-rionegro .view-especialidades-y-servicios .view-content .views-field-field-especialidad a { color: var(--svf-acento); }
body.portal-rionegro .view-especialidades-y-servicios .view-content .views-field-name a { color: var(--svf-primario); }

body.portal-rionegro .view-directorio-medico-main .view-content > .views-row:hover { border-color: var(--svf-primario); }
body.portal-rionegro .view-directorio-medico-main .views-field-field-nombre { border-top-color: var(--svf-primario); }
body.portal-rionegro .view-directorio-medico-main .views-field-field-nombre a { color: var(--svf-primario); }

/* ===========================================================================
   16. Formularios
   =========================================================================== */

body.portal-rionegro .form-control:focus,
body.portal-rionegro .webform-submission-citas-form .select2-selection:focus {
  border-color: var(--svf-primario);
  /* El original usa rgba(0,105,65,.1); var() no funciona dentro de rgba().
     Equivale a English Violet #452964 al 10%. */
  box-shadow: 0 0 0 .15rem rgba(69, 41, 100, .1);
}

body.portal-rionegro .node--type-webform .r-content .form-group label:not(.error) { color: var(--svf-primario); }
body.portal-rionegro .node--type-webform .r-content .checkbox label a,
body.portal-rionegro .node--type-webform .r-content .radio label a { color: var(--svf-primario); }

body.portal-rionegro .webform-progress-tracker .progress-marker { border-color: var(--svf-acento); }
body.portal-rionegro .webform-progress-tracker .progress-step.is-active .progress-marker,
body.portal-rionegro .webform-progress-tracker .progress-step.is-active:hover .progress-marker { background-color: var(--svf-primario); }
body.portal-rionegro .webform-progress-tracker .progress-step:not(.is-active) .progress-marker,
body.portal-rionegro .webform-progress-tracker .progress-step:hover .progress-marker { color: var(--svf-primario); }
body.portal-rionegro .webform-progress-tracker .progress-step:not(:last-child)::after { background-color: var(--svf-acento); }
body.portal-rionegro .webform-progress-tracker .progress-step.is-complete:hover .progress-marker { color: var(--svf-primario); }
body.portal-rionegro .webform-progress-tracker .progress-title { color: var(--svf-primario); }

body.portal-rionegro .webform-submission-citas-form .radios--wrapper .fieldset-legend,
body.portal-rionegro .webform-submission-citas-form .webform-section-title { color: var(--svf-primario); }
body.portal-rionegro .webform-submission-citas-form .webform-button--previous { background-color: var(--svf-primario); }

/* Boletin del tema viejo (el nuevo vive en boletin-suscripcion.css) */
body.portal-rionegro .c-newsletter > form .webform-button--submit:hover,
body.portal-rionegro .c-newsletter > form .webform-button--submit:active,
body.portal-rionegro .c-newsletter > form .webform-button--submit:focus { background-color: var(--svf-primario); }

body.portal-rionegro .c-newsletter > form #edit-desplegar-captcha { border-color: var(--svf-primario); }

/* ===========================================================================
   17. Ventana modal y barra lateral
   =========================================================================== */

body.portal-rionegro .ui-dialog .ui-widget-header { border-bottom-color: var(--svf-primario); }
body.portal-rionegro .ui-dialog .ui-dialog-content__info { border-bottom-color: var(--svf-acento); }
body.portal-rionegro .ui-dialog p > a { color: var(--svf-primario); }
body.portal-rionegro .ui-dialog p > a:hover { color: var(--svf-acento); }

body.portal-rionegro .c-sidebar-menu > li a { background-color: var(--svf-acento); }
body.portal-rionegro .c-sidebar-menu > li:nth-child(even) a { background-color: var(--svf-primario); }
body.portal-rionegro .c-sidebar-menu.c-sidebar-menu--secondary > li a { background-color: var(--svf-primario); }
body.portal-rionegro .c-sidebar-menu.c-sidebar-menu--secondary > li:nth-child(even) a { background-color: var(--svf-acento); }

body.portal-rionegro .c-sidebar-cta1__title { background-color: var(--svf-acento); }
body.portal-rionegro .c-sidebar-cta1:hover .c-sidebar-cta1__title { background-color: var(--svf-primario); }

body.portal-rionegro .r-content:not(.r-content__project) .c-social { border-bottom-color: var(--svf-acento); }
body.portal-rionegro .r-content:not(.r-content__project) .c-social__icons > a.a2a_button_facebook { background-color: var(--svf-acento); }

/* ===========================================================================
   18. Comentarios
   =========================================================================== */

body.portal-rionegro .c-comments .comment__author,
body.portal-rionegro .c-comments .comment__author a,
body.portal-rionegro .c-comments .comment-form__title { color: var(--svf-primario); }

body.portal-rionegro .c-comments .comment-comment-form .button--primary { background-color: var(--svf-primario); }
body.portal-rionegro .c-comments .comment-comment-form .button--primary:hover,
body.portal-rionegro .c-comments .comment-comment-form .button--primary:active { background-color: var(--svf-acento); }

body.portal-rionegro .c-comments .comment-comment-form input.form-control:hover,
body.portal-rionegro .c-comments .comment-comment-form input.form-control:focus { background-color: var(--svf-primario); }

/* ===========================================================================
   19. Ajustes derivados del cambio de color
   Casos donde el fondo cambió y el texto encima necesita otro tono.
   La regla original vive en el CSS del componente, no en sv-main.css.
   =========================================================================== */

/* Item activo del menú principal.
   En Medellín el texto va en negro sobre el lima #85AA1A; en Rionegro el
   fondo es Ultra Violet y necesita blanco. Ver navbar-menu-home.css. */
body.portal-rionegro .r-header--home nav.block-menu .menu-item a:hover,
body.portal-rionegro .r-header--home nav.block-menu .menu-item a:focus,
body.portal-rionegro .r-header--home nav.block-menu .menu-item a.is-active {
  color: #ffffff;
}
/* Rayas del botón hamburguesa.
   El fondo del header es English Violet; las rayas necesitan blanco. */
body.portal-rionegro .logo__menu__principal .navbar-brand__btn-menu > span {
  background-color: #ffffff;
}