::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #5c7085;
}

::-webkit-scrollbar-thumb {
  background: #d2ca30;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(210, 202, 48, 0.6);
  border: 2px solid #5c7085;
}

::-webkit-scrollbar-thumb:hover {
  background: #e6de5a;
  box-shadow: 0 0 12px rgba(210, 202, 48, 0.9);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #d2ca30 #5c7085;
}

body.blog,
body.archive,
body.search,
body.single-post {
    background-color: #5C7085 !important;
}

/* ============================================================
   FECHA (item-date)
   ============================================================ */
.pxl-item--date,
.pxl-item--date * {
    background-color: #D2CA30 !important;
    color: #000 !important;
}

/* ============================================================
   TITULOS DE LAS ENTRADAS (ARCHIVE & SEARCH)
   ============================================================ */
.item--title a {
    color: #FFFFFF !important;
}

.item--title a:hover {
    color: #D2CA30 !important;
}

/* ============================================================
   TITULO DENTRO DEL SINGLE POST (H1)
   ============================================================ */
.single-post h1.entry-title {
    color: #FFFFFF !important;
}

.single-post h1.entry-title:hover {
    color: #D2CA30 !important;
}

/* ============================================================
   AUTOR
   ============================================================ */
.pxl-item--author,
.pxl-item--author a,
.single-post .entry-meta,
.single-post .entry-meta a {
    color: #FFFFFF !important;
}

.pxl-item--author a:hover,
.single-post .entry-meta a:hover {
    color: #D2CA30 !important;
}

/* ============================================================
   CATEGORÍAS – ARCHIVE / SEARCH / SINGLE
   ============================================================ */
.widget_categories a,
.widget ul li a,
.category a {
    color: #FFFFFF !important;
}

.widget_categories a:hover,
.widget ul li a:hover,
.category a:hover {
    color: #D2CA30 !important;
}

/* ============================================================
   FECHA DENTRO DEL SINGLE
   ============================================================ */
.single-post time,
.single-post .post-date {
    color: #FFFFFF !important;
}

/* ============================================================
   EXTRACTOS
   ============================================================ */
.pxl-item--excerpt,
.pxl-item--excerpt * {
    color: #FFFFFF !important;
}

/* ============================================================
   AJUSTES GENERALES – BLOG & SEARCH
   ============================================================ */
body.blog *,
body.archive *,
body.search *,
body.single-post * {
    text-shadow: none !important;
}

/* ============================================================
   BORDES VERDES DE LAS TARJETAS DE ENTRADAS
   ============================================================ */
.pxl-item--holder,
article.pxl-item--archive {
    border-color: #D2CA30 !important;  /* Verde Clarity */
}

/* ============================================================
   WIDGET TITLES – LÍNEAS Y PUNTO ANIMADO
   (CATEGORÍAS, ENTRADAS RECIENTES, FILTER BY SIZE, etc.)
   ============================================================ */

/* Línea principal bajo el título */
.pxl-sidebar .widget-title::before,
.widget-title::before {
    background-color: #D2CA30 !important;  /* Verde Clarity */
}

/* Puntico que se mueve sobre la línea */
.pxl-sidebar .widget-title::after,
.widget-title::after {
    background-color: #A7BCCD !important;  /* Azul clarito de Clarity */
}

/* Líneas horizontales separadoras en el sidebar (debajo de títulos y entre bloques) */
.pxl-sidebar .widget,
.pxl-sidebar .widget .widget-content,
.pxl-sidebar .widget_recent_entries li,
.pxl-sidebar .widget_categories li,
.pxl-sidebar .widget_archive li {
    border-color: #D2CA30 !important;  /* Verde Clarity */
}

/* ============================================================
   SEARCH BAR DEL SIDEBAR – CAJA AZUL #203349
   ============================================================ */

/* Campo de búsqueda */
body.blog .pxl-sidebar input[type="search"],
body.archive .pxl-sidebar input[type="search"],
body.search .pxl-sidebar input[type="search"],
body.single-post .pxl-sidebar input[type="search"],
body.blog .widget_search .search-field,
body.archive .widget_search .search-field,
body.search .widget_search .search-field,
body.single-post .widget_search .search-field,
body.blog .wp-block-search__input,
body.archive .wp-block-search__input,
body.search .wp-block-search__input,
body.single-post .wp-block-search__input {
    background-color: #203349 !important;
    border: 1px solid #203349 !important;
    color: #FFFFFF !important;
}

/* Placeholder del buscador */
body.blog .pxl-sidebar input[type="search"]::placeholder,
body.archive .pxl-sidebar input[type="search"]::placeholder,
body.search .pxl-sidebar input[type="search"]::placeholder,
body.single-post .pxl-sidebar input[type="search"]::placeholder,
body.blog .widget_search .search-field::placeholder,
body.archive .widget_search .search-field::placeholder,
body.search .widget_search .search-field::placeholder,
body.single-post .widget_search .search-field::placeholder,
body.blog .wp-block-search__input::placeholder,
body.archive .wp-block-search__input::placeholder,
body.search .wp-block-search__input::placeholder,
body.single-post .wp-block-search__input::placeholder {
    color: #D0D6DF !important;
}

/* Botón / icono de buscar */
body.blog .pxl-sidebar .search-submit,
body.archive .pxl-sidebar .search-submit,
body.search .pxl-sidebar .search-submit,
body.single-post .pxl-sidebar .search-submit,
body.blog .widget_search input[type="submit"],
body.archive .widget_search input[type="submit"],
body.search .widget_search input[type="submit"],
body.single-post .widget_search input[type="submit"],
body.blog .wp-block-search__button,
body.archive .wp-block-search__button,
body.search .wp-block-search__button,
body.single-post .wp-block-search__button {
    background-color: #203349 !important;
    border-color: #203349 !important;
    color: #FFFFFF !important;
}

/* ============================================================
   CAMBIAR "READ MORE" POR "LEER MÁS" SOLO EN BLOG / ARCHIVE / SEARCH
   ============================================================ */

/* Oculta el texto original solo en las tarjetas del blog */
body.blog article .btn-text,
body.archive article .btn-text,
body.search article .btn-text {
    font-size: 0 !important;
}

/* Inserta "Leer más" solo en tarjetas del blog */
body.blog article .btn-text::before,
body.archive article .btn-text::before,
body.search article .btn-text::before {
    content: "Leer más" !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
}

/* Hover en verde */
body.blog article .btn-text:hover::before,
body.archive article .btn-text:hover::before,
body.search article .btn-text:hover::before {
    color: #D2CA30 !important;
}


/* ===========================
   AJUSTE BUSCADOR SIDEBAR BLOG
   ============================ */

/* Campo de texto del buscador SOLO en el sidebar del blog */
body.blog .pxl-sidebar-area .widget_search input[type="search"],
body.archive .pxl-sidebar-area .widget_search input[type="search"],
body.search .pxl-sidebar-area .widget_search input[type="search"],
body.single-post .pxl-sidebar-area .widget_search input[type="search"] {
    background-color: #203349 !important;
    border: 1px solid #203349 !important;
    color: #FFFFFF !important;
}

/* Placeholder en blanco suave */
body.blog .pxl-sidebar-area .widget_search input[type="search"]::placeholder,
body.archive .pxl-sidebar-area .widget_search input[type="search"]::placeholder,
body.search .pxl-sidebar-area .widget_search input[type="search"]::placeholder,
body.single-post .pxl-sidebar-area .widget_search input[type="search"]::placeholder {
    color: #E0E6ED !important;
}

/* Botón/icono del buscador en el sidebar */
body.blog .pxl-sidebar-area .widget_search button,
body.archive .pxl-sidebar-area .widget_search button,
body.search .pxl-sidebar-area .widget_search button,
body.single-post .pxl-sidebar-area .widget_search button {
    background-color: #203349 !important;
    border-color: #203349 !important;
}

/* ===========================
   BORDES DE LAS ENTRADAS
   ============================ */

/* Tarjetas de entradas en listados (blog, archivo, búsqueda) */
body.blog  .pxl-content-area article,
body.archive .pxl-content-area article,
body.search  .pxl-content-area article {
    border: 1px solid #D2CA30 !important;
}

/* Por si el borde está en un contenedor interno */
body.blog  .pxl-content-area article .pxl-item--inner,
body.archive .pxl-content-area article .pxl-item--inner,
body.search  .pxl-content-area article .pxl-item--inner {
    border-color: #D2CA30 !important;
}

/* ============================================================
   HOVER VERDE EN "LEER MÁS"
   ============================================================ */

/* Cambia el texto cuando se pasa el cursor */
a.pxl-btn-line:hover span.btn-text::before,
.pxl-btn-line:hover span.btn-text::before {
    color: #D2CA30 !important;
}

/* Cambia el ícono circulito al lado del texto */
a.pxl-btn-line:hover .btn-icon,
.pxl-btn-line:hover .btn-icon {
    border-color: #D2CA30 !important;
}

a.pxl-btn-line:hover .btn-icon::before,
.pxl-btn-line:hover .btn-icon::before {
    background-color: #D2CA30 !important;
}