/* === Override definitivo del menú principal === */

/* Barra amarilla */
nav#t3-mainnav,
nav#t3-mainnav .container,
.t3-mainnav,
.t3-mainnav .t3-navbar {
    background: #ffd012 !important;     /* amarillo */
    border-color: #ffd012 !important;
    background-image: none !important;   /* por si el tema usa imagen de fondo */
}

/* Links del menú en negro */
nav#t3-mainnav a,
.t3-mainnav .navbar-nav > li > a {
    color: #000000 !important;
}

/* Hover / activo */
.t3-mainnav .navbar-nav > li > a:hover,
.t3-mainnav .navbar-nav > li > a:focus,
.t3-mainnav .navbar-nav > li.active > a,
.t3-mainnav .navbar-nav > li.active > a:hover,
.t3-mainnav .navbar-nav > li.active > a:focus {
    background: #c7a20e !important;   /* amarillo más oscuro */
    color: #000000 !important;
}

/* Títulos de módulos y cintillos rojos */
.module-title,
.moduletable h3,
.page-header,
.page-subheader,
.block-title,
.t3-module .module-title,
.t3-module .page-header {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Botones principales */
.btn-primary,
.button,
button,
input[type="submit"],
input.button,
.readmore a,
a.readmore,
a.btn,
a.btn-primary {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Botón al pasar el mouse */
.btn-primary:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input.button:hover,
.readmore a:hover,
a.readmore:hover,
a.btn:hover,
a.btn-primary:hover {
  background-color: #c7a20e !important;
  border-color: #c7a20e !important;
  color: #000000 !important;
}

/* Etiquetas, badges, cintillos pequeños */
.label,
.badge,
.badge-important,
.badge-warning,
.badge-success,
.article-info dd strong,
.article-info dd .label,
.article-info dd .badge {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Paginación activa y hover */
.pagination li > a:hover,
.pagination li > span,
.pagination li.active > a,
.pagination li.active > span,
.pagenav li > a:hover,
.pagenav li > span,
.pagenav li.pagenav-prev a:hover,
.pagenav li.pagenav-next a:hover {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Barras horizontales que siguen en rojo (solo footer) */
.t3-footnav,
.t3-copyright {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
}

/* 1. Cintillos rojos de secciones (Latest News, Most Viewed, Featured Videos, Tags, etc.) */
[class*="module-title"],
[class*="mod-title"],
[class*="box-title"],
[class*="box_heading"],
[class*="block-title"],
[class*="heading"],
.latestnews h3,
.latestnews .title,
.tags_cloud h3,
.tags-cloud h3,
.featuredvideos h3,
.featured-videos h3 {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* 2. Etiquetas sobre las noticias (DOLORES HIDALGO, NOTICIA, etc.) */
[class*="cat"],
[class*="category"],
[class*="label"],
[class*="badge"],
.news-item .badge,
.news-item .label {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* 3. Botones rojos sueltos (BECOME A PARTNER, etc.) */
.btn,
.btn-primary,
.btn-danger,
.btn-warning,
.button,
input[type="button"],
input[type="submit"] {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* 4. Enlaces de texto que aún estén en rojo (como el Twitter Feed) */
.twitterfeed a,
.twitter-feed a,
.latestnews a:hover {
  color: #ffd012 !important;
}


/* =========================
   1) CINTILLOS ROJOS DE NOTICIAS
   ========================= */

/* Título de módulos tipo "NOTICIAS TOP", "LATEST NEWS", etc. */
.latestnews h3,
.latestnews .module-title,
.latest-news h3,
.latest-news .module-title,
.moduletable .module-title,
.moduletable .box-title,
.moduletable .mod-title {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Etiquetas pequeñas sobre las notas (DOLORES HIDALGO, NOTICIA, etc.) */
.article .badge,
.article .label,
[class*="cat"] .label,
[class*="category"] .label,
[class*="cat"] .badge,
[class*="category"] .badge {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* =========================
   2) BOTONES (BECOME A PARTNER, ETC.)
   ========================= */

/* Botones generales */
.btn,
.button,
.btn-primary,
.btn-danger,
.btn-warning,
input[type="button"],
input[type="submit"] {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
  text-transform: uppercase;
  font-weight: 600;
}

/* Hover de botones */
.btn:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #c7a20e !important;
  border-color: #c7a20e !important;
  color: #000000 !important;
}

/* Por si el botón de PARTNER usa clase específica */
.partners .btn,
.partners .button {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* =========================
   3) FOOTER MÁS LEGIBLE
   ========================= */

/* Fondo del footer bien oscuro y texto claro */
.t3-footer,
#t3-footer,
.footer {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Títulos de cajas del footer (Latest News, Twitter Feed, About, etc.) */
.t3-footer .module-title,
#t3-footer .module-title,
.footer .module-title {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

/* Texto general del footer */
.t3-footer p,
#t3-footer p,
.footer p,
.t3-footer span,
#t3-footer span,
.footer span {
  color: #f0f0f0 !important;
}

/* Enlaces en el footer */
.t3-footer a,
#t3-footer a,
.footer a {
  color: #ffd012 !important;
  text-decoration: none;
}

.t3-footer a:hover,
#t3-footer a:hover,
.footer a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* =========================
   4) TWITTER FEED
   ========================= */

.twitterfeed,
.twitter-feed {
  color: #ffffff !important;
  font-size: 11px;
  line-height: 1.4;
}

.twitterfeed a,
.twitter-feed a {
  color: #ffd012 !important;
  text-decoration: none;
}

.twitterfeed a:hover,
.twitter-feed a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* =========================
   1) BOTÓN DEL FOOTER
   ========================= */

.t3-footer .btn,
.t3-footer .button,
.t3-footer a.btn,
.t3-footer a.button,
.t3-footer input[type="submit"],
.t3-footer input[type="button"] {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
  text-transform: uppercase;
  font-weight: 600;
}

.t3-footer .btn:hover,
.t3-footer .button:hover,
.t3-footer a.btn:hover,
.t3-footer a.button:hover,
.t3-footer input[type="submit"]:hover,
.t3-footer input[type="button"]:hover {
  background-color: #c7a20e !important;
  border-color: #c7a20e !important;
  color: #000000 !important;
}

/* =========================
   2) CINTILLOS / FAJAS DE TÍTULOS
   ========================= */

.module-title,
.moduletable .module-title,
.moduletable h3,
.block-title,
.block-title span,
.latestnews .box-title,
.latestnews .module-title {
  background-color: #ffd012 !important;
  border-color: #ffd012 !important;
  color: #000000 !important;
}

.news-title,
.news-title span,
.news-block-title,
.news-block-title span,
.side-title,
.side-title span {
  background-color: #ffd012 !important;
  color: #000000 !important;
}

/* ===========================================
   A) FONDOS DEL LAYOUT (CUERPO + HEADER/SLIDER)
   =========================================== */

/* Fondo general de la página */
body {
  background-color: #ffffff;
}

/* Cuerpo principal en blanco */
.t3-mainbody,
.t3-content,
.t3-wrapper {
  background-color: #ffffff !important;
}

/* Franja donde viven el slider y el header-right */
#t3-header,
#t3-sl-1 {
  background-color: #ffffff !important;   /* si quieres un gris muy suave: #f5f5f5 */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Quitamos fondos internos que puedan crear "placas" blancas encima */
#t3-header .t3-module,
#t3-header .t3-module .module-inner,
#t3-sl-1 .t3-module,
#t3-sl-1 .t3-module .module-inner {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
}

/* ===========================================
   B) OPCIONAL: resaltar solo el recuadro del slider en amarillo
   (SIN tocar el header-right)
   =========================================== */

/* Primer módulo de la fila del slider en amarillo */
#t3-sl-1 .t3-module:first-child .module-inner {
  background-color: #ffd012 !important;
  border: 1px solid #ffd012 !important;
  color: #000000 !important;
}