/* Cholloblog 2.1.1 — capa visual moderna y reversible. */
:root {
  --cb-primary: #0877d1;
  --cb-primary-dark: #075ea5;
  --cb-accent: #ff7a18;
  --cb-bg: #f4f6f8;
  --cb-surface: #ffffff;
  --cb-text: #26313d;
  --cb-muted: #6f7b87;
  --cb-border: #e5e9ee;
  --cb-radius: 14px;
  --cb-shadow: 0 8px 28px rgba(24, 39, 58, .08);
  --cb-shadow-hover: 0 14px 38px rgba(24, 39, 58, .14);
}
html { scroll-behavior: smooth; }
body { background: var(--cb-bg); color: var(--cb-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400; }
a { transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.container-inner { max-width: 1380px; }
#page .container-inner, .main { border-radius: 0 0 18px 18px; }
.main { background: var(--cb-surface) !important; box-shadow: 0 2px 18px rgba(25, 41, 61, .05); }
#header { box-shadow: 0 4px 18px rgba(23, 37, 54, .12); position: relative; z-index: 10; padding-bottom: 0 !important; }
#header > .container > .container-inner > .group.pad { display: flex; align-items: center; justify-content: space-between; gap: 34px; min-height: 108px; padding-top: 14px; padding-bottom: 14px; }
.site-title { letter-spacing: -.8px; float: none; flex: 0 1 auto; padding: 0; line-height: 1; }
.site-title a img { width: auto; max-width: 100%; max-height: 70px; margin: 0; }
#header-ads { float: none; margin-left: auto; display: flex; align-items: center; justify-content: flex-end; max-width: 62%; }
#header-ads .widget { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
#header-ads img { width: auto; height: auto; max-width: 100%; max-height: 88px; object-fit: contain; }
.site-description { float: none; margin: 0 0 0 auto; padding: 12px 20px; line-height: 1.25; border-radius: 12px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.92); }
.nav-container { box-shadow: inset 0 -1px rgba(255,255,255,.1); }
.nav > li { border-right-color: rgba(255,255,255,.12); }
.nav > li > a { font-weight: 650; }
.nav > li > a:hover, .nav > li:hover > a { background: rgba(0,0,0,.12); }
.search-expand-inner { border-radius: 12px; overflow: hidden; box-shadow: var(--cb-shadow); }
.content > .pad { padding-top: 28px; }
.post-list { margin-right: -24px; }
.post-list .post-row { border-bottom: 0; margin-bottom: 24px; padding-left: 24px; margin-left: -24px; }
.post-list .post-inner { margin-right: 24px; background: var(--cb-surface); border: 1px solid var(--cb-border); border-radius: var(--cb-radius); padding: 14px 14px 18px; box-shadow: var(--cb-shadow); height: calc(100% - 34px); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.post-list .post-inner:hover { transform: translateY(-3px); box-shadow: var(--cb-shadow-hover); border-color: #d9e0e7; }
.post-thumbnail { margin-bottom: 14px; overflow: hidden; border-radius: 12px; background: #eef1f4; }
.post-thumbnail img { border-radius: 12px; transition: transform .35s ease, opacity .2s ease; }
.post-inner:hover .post-thumbnail img { transform: scale(1.018); }
.post-meta { color: var(--cb-muted); font-size: 13px; margin-bottom: 7px; }
.post-category a { color: var(--cb-primary); font-weight: 700; }
.post-title { font-size: 21px; line-height: 1.34em; font-weight: 720; letter-spacing: -.25px; margin-bottom: 9px; }
.post-title a { color: var(--cb-text); }
.post-title a:hover { color: var(--cb-primary); }
.entry.excerpt { color: #5c6874; line-height: 1.62; }
.post-comments span { border-radius: 999px; box-shadow: 0 3px 12px rgba(0,0,0,.13); }
.widget { background: var(--cb-surface); border: 1px solid var(--cb-border); border-radius: 13px; padding: 16px; margin-bottom: 20px; box-shadow: 0 5px 20px rgba(24,39,58,.06); }
.widget > h3 { color: var(--cb-primary); font-size: 14px; font-weight: 800; letter-spacing: .03em; margin-bottom: 12px; }
.sidebar .pad { padding-left: 16px; padding-right: 16px; }
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { border: 1px solid #dce2e8; border-radius: 10px; background: #fff; box-shadow: inset 0 1px 2px rgba(0,0,0,.025); }
input:focus, textarea:focus, select:focus { border-color: var(--cb-primary); box-shadow: 0 0 0 3px rgba(8,119,209,.12); outline: none; }
button, input[type="submit"], .button, .myButton2 { border-radius: 10px !important; font-weight: 750 !important; box-shadow: 0 5px 14px rgba(8,119,209,.18); }
table { border-radius: 12px; overflow: hidden; border: 1px solid var(--cb-border); }
th { background: #f1f5f8; color: #34404c; font-weight: 750; }
th, td { border-color: var(--cb-border); padding: 12px 14px; }
.pagination { opacity: 0; height: 1px; overflow: hidden; margin: 0; pointer-events: none; }
#infscr-loading { clear: both; text-align: center; color: var(--cb-muted); padding: 22px; font-weight: 650; }
#infscr-loading i { margin-right: 8px; color: var(--cb-primary); }
#footer { margin-top: 30px; }
#footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
#back-to-top { border-radius: 12px 12px 0 0; }
@media only screen and (max-width: 719px) {
  #header > .container > .container-inner > .group.pad { display: block; min-height: 0; padding: 15px 10px 14px; }
  .site-title { width: 100%; padding: 0; line-height: 1; }
  .site-title a { text-align: center; }
  .site-title a img { max-height: 58px; margin: 0 auto; }
  #header-ads { display: none; }
  .site-description { display: none; }
  body { background: #fff; }
  .container { padding-left: 10px; padding-right: 10px; }
  .content > .pad { padding: 18px 12px; }
  .post-list { margin-right: 0; }
  .post-list .post-row { margin-left: 0; padding-left: 0; margin-bottom: 14px; }
  .post-list .post-inner { margin-right: 0; padding: 11px 11px 15px; border-radius: 12px; }
  .post-title { font-size: 19px; }
  .widget { border-radius: 11px; padding: 14px; }
}

/* =========================================================
   Cholloblog 2.1.0 — tarjetas, navegación y barras laterales
   ========================================================= */
:root {
  --cb-radius-sm: 10px;
  --cb-radius-md: 14px;
  --cb-radius-lg: 18px;
  --cb-blue-soft: #eef7ff;
  --cb-orange-soft: #fff4ea;
}

/* Navegación más limpia y legible */
#nav-topbar .nav,
#nav-header .nav { display: flex; align-items: center; }
#nav-topbar .nav > li > a,
#nav-header .nav > li > a {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding-left: 17px;
  padding-right: 17px;
  font-size: 14px;
  letter-spacing: .01em;
}
#nav-header .nav > li.current-menu-item > a,
#nav-header .nav > li.current-menu-ancestor > a,
#nav-topbar .nav > li.current-menu-item > a {
  background: rgba(0,0,0,.13);
  box-shadow: inset 0 -3px 0 rgba(255,255,255,.92);
}
.nav ul {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  box-shadow: 0 14px 32px rgba(20,36,55,.18);
}
.nav ul a { padding-top: 11px; padding-bottom: 11px; }
.toggle-search {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Listado principal */
.post-list .post-row {
  display: flex;
  align-items: stretch;
}
.post-list article.post {
  display: flex;
  min-width: 0;
}
.post-list .post-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 0 18px;
  border-radius: var(--cb-radius-lg);
  box-shadow: 0 7px 25px rgba(31,50,72,.075);
}
.post-list .post-inner::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cb-primary), #43a5ef 58%, var(--cb-accent));
  opacity: 0;
  transition: opacity .22s ease;
}
.post-list .post-inner:hover::before { opacity: 1; }
.post-list .post-thumbnail {
  margin: 0 0 15px;
  border-radius: 0;
  background: #f2f5f7;
  border-bottom: 1px solid #edf0f3;
}
.post-list .post-thumbnail > a:first-child {
  display: block;
  overflow: hidden;
}
.post-list .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
.post-list .post-meta,
.post-list .post-title,
.post-list .entry.excerpt {
  margin-left: 18px;
  margin-right: 18px;
}
.post-list .post-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 26px;
  margin-bottom: 9px;
}
.post-list .post-category,
.post-list .post-date { float: none; }
.post-list .post-category {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.post-list .post-category a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--cb-blue-soft);
  color: var(--cb-primary-dark);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .035em;
}
.post-list .post-category a:hover {
  background: var(--cb-primary);
  color: #fff;
}
.post-list .post-date {
  flex: 0 0 auto;
  color: #8a949f;
  font-size: 12px;
  white-space: nowrap;
}
.post-list .post-title {
  font-size: clamp(19px, 1.6vw, 23px);
  line-height: 1.28;
  margin-bottom: 10px;
}
.post-list .entry.excerpt {
  margin-top: auto;
  font-size: 14px;
  line-height: 1.62;
  color: #65717d;
}
.post-list .entry.excerpt p:last-child { margin-bottom: 0; }
.post-list .post-comments {
  top: 12px;
  right: 12px;
  z-index: 4;
}
.post-list .post-comments span {
  min-width: 34px;
  height: 30px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(23,34,46,.86);
  backdrop-filter: blur(5px);
}
.post-list .post-comments span::before { display: none; }

/* Estado caducado más integrado */
.post-list .myButton3 {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 4;
  width: auto;
  max-width: calc(100% - 24px);
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(45,50,56,.9);
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  box-shadow: 0 5px 16px rgba(0,0,0,.18);
}

/* Barras laterales y widgets */
.sidebar .widget {
  overflow: hidden;
  padding: 0;
  border-radius: var(--cb-radius-md);
}
.sidebar .widget > h3,
.sidebar .widget > .widget-title {
  position: relative;
  margin: 0;
  padding: 14px 16px 13px 19px;
  border-bottom: 1px solid var(--cb-border);
  background: linear-gradient(180deg, #fff, #f8fafc);
  color: #27384a;
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.sidebar .widget > h3::before,
.sidebar .widget > .widget-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: var(--cb-primary);
}
.sidebar .widget > :not(h3):not(.widget-title) { margin-left: 16px; margin-right: 16px; }
.sidebar .widget > ul,
.sidebar .widget > ol,
.sidebar .widget > form,
.sidebar .widget > div,
.sidebar .widget > p { margin-top: 14px; margin-bottom: 14px; }
.sidebar .widget ul li {
  border-bottom: 1px solid #edf0f3;
  padding-top: 9px;
  padding-bottom: 9px;
}
.sidebar .widget ul li:last-child { border-bottom: 0; }
.sidebar .widget a { color: #405061; }
.sidebar .widget a:hover { color: var(--cb-primary); }
.widget_search .searchform,
.search-expand-inner .searchform { position: relative; }
.widget_search input.search,
.search-expand-inner input.search {
  min-height: 44px;
  padding-left: 14px;
  padding-right: 44px;
}

/* Bloque bajo la cabecera: no convertirlo en una tarjeta genérica enorme */
#page > .container-inner > .main > .main-inner > .widget:first-child {
  margin: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Accesibilidad y sensación de calidad */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(255,122,24,.38);
  outline-offset: 2px;
}

@media only screen and (max-width: 719px) {
  #nav-topbar .nav,
  #nav-header .nav { display: block; }
  .post-list .post-inner { padding-bottom: 15px; border-radius: 14px; }
  .post-list .post-meta,
  .post-list .post-title,
  .post-list .entry.excerpt { margin-left: 14px; margin-right: 14px; }
  .post-list .post-meta { align-items: flex-start; }
  .post-list .post-category a { font-size: 10px; padding: 3px 8px; }
  .post-list .post-title { font-size: 19px; }
  .post-list .entry.excerpt { font-size: 13.5px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* =========================================================
   Cholloblog 2.1.1 — correcciones de composición
   ========================================================= */
/* El Explorador Home ocupa una fila completa y no desplaza las tarjetas. */
.post-list .post-row { flex-wrap: wrap; }
.post-list .post-row > .cb-home-explorer {
  flex: 0 0 calc(100% - 24px);
  width: calc(100% - 24px);
  max-width: calc(100% - 24px);
  margin: 0 24px 24px 0;
  box-sizing: border-box;
}

/* El botón sigue asociado a la imagen, pero Keepa queda tras el texto. */
.post-list .post-thumbnail > .cb-home-affiliate {
  position: relative;
  z-index: 5;
}
.post-list .cb-card-keepa {
  margin: 14px 18px 0;
}
.post-list .cb-card-keepa .cb-keepa-home {
  margin: 0;
  max-width: none;
}
.post-list .cb-card-keepa .cb-keepa-home img {
  max-height: 250px;
}

@media only screen and (max-width: 719px) {
  .post-list .post-row > .cb-home-explorer {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
  }
  .post-list .cb-card-keepa { margin: 12px 14px 0; }
}

/* =========================================================
   Cholloblog 2.1.2 — presentación de portada
   ========================================================= */
.cb-home-hero {
  position: relative;
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(100px, .7fr) minmax(420px, 2.4fr) minmax(120px, .85fr);
  align-items: center;
  gap: 20px;
  padding: 24px 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 22%, rgba(37, 99, 235, .10), transparent 24%),
    radial-gradient(circle at 88% 32%, rgba(255, 157, 0, .08), transparent 23%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 52%, #ffffff 100%);
  border-bottom: 2px solid #2f76e8;
  box-sizing: border-box;
}
.cb-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .36;
  background-image: radial-gradient(rgba(47,118,232,.28) .8px, transparent .8px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg, #000, transparent 32%, transparent 68%, #000);
}
.cb-home-hero__copy { position: relative; z-index: 2; text-align: center; }
.cb-home-hero__copy h1 {
  margin: 0;
  color: #102d55;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: clamp(27px, 3vw, 43px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -.035em;
  text-transform: none;
}
.cb-home-hero__copy h1 strong { color: #176ce0; font-weight: 850; }
.cb-home-hero__copy p {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 14px 0 0;
  color: #425269;
  font-size: clamp(15px, 1.45vw, 19px);
  line-height: 1.3;
}
.cb-home-hero__copy p strong { color: #176ce0; font-weight: 800; }
.cb-home-hero__live {
  width: 17px;
  height: 17px;
  border: 2px solid #21a45f;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0 0 4px rgba(33,164,95,.09);
}
.cb-home-hero__live::before,
.cb-home-hero__live::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  border-radius: 2px;
  background: #21a45f;
  transform-origin: 50% 100%;
}
.cb-home-hero__live::before { height: 5px; transform: translate(-50%,-100%); }
.cb-home-hero__live::after { height: 4px; transform: translate(-50%,-100%) rotate(120deg); }
.cb-home-hero__visual { position: relative; z-index: 1; height: 105px; opacity: .92; }
.cb-home-hero__magnifier {
  position: absolute;
  left: 24%;
  top: 8%;
  width: 58px;
  height: 58px;
  border: 9px solid #2676ed;
  border-radius: 50%;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.82), 0 12px 26px rgba(38,118,237,.18);
}
.cb-home-hero__magnifier::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 50px;
  left: -21px;
  bottom: -35px;
  border-radius: 9px;
  background: linear-gradient(#3786f5,#1262dc);
  transform: rotate(43deg);
}
.cb-home-hero__spark { position: absolute; color: #f4b62a; font-weight: 800; }
.cb-home-hero__spark--one { right: 5%; top: 5%; font-size: 23px; }
.cb-home-hero__spark--two { right: 12%; bottom: 6%; color: #a8c8f8; font-size: 21px; transform: rotate(-12deg); }
.cb-home-hero__visual--chart { border-bottom: 2px solid #cfe0f8; }
.cb-home-hero__bar {
  position: absolute;
  bottom: 0;
  width: 15%;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, #dbe9fd, #edf4fe);
}
.cb-home-hero__bar--1 { left: 12%; height: 24%; }
.cb-home-hero__bar--2 { left: 34%; height: 45%; }
.cb-home-hero__bar--3 { left: 56%; height: 62%; }
.cb-home-hero__bar--4 { left: 78%; height: 86%; }
.cb-home-hero__line {
  position: absolute;
  left: 8%;
  right: 4%;
  top: 18%;
  height: 55%;
  background: linear-gradient(153deg, transparent 0 17%, #2877ee 17% 19%, transparent 19% 38%, #2877ee 38% 40%, transparent 40% 58%, #2877ee 58% 60%, transparent 60% 79%, #2877ee 79% 81%, transparent 81%);
  filter: drop-shadow(0 2px 3px rgba(40,119,238,.18));
}
.cb-home-hero + .menu-inicio { margin-top: 0; }

/* El antiguo bloque promocional móvil se retira por completo. */
.telegram { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

@media only screen and (max-width: 900px) {
  .cb-home-hero { grid-template-columns: 85px 1fr 95px; padding: 22px 20px; gap: 12px; }
  .cb-home-hero__magnifier { left: 12%; transform: scale(.82); }
}
@media only screen and (max-width: 719px) {
  .cb-home-hero {
    min-height: auto;
    display: block;
    padding: 24px 18px 22px;
    border-bottom-width: 2px;
  }
  .cb-home-hero__copy h1 { font-size: 28px; }
  .cb-home-hero__copy p { margin-top: 12px; font-size: 15px; }
  .cb-home-hero__visual { display: none; }
}


/* =========================================================
   Cholloblog 2.1.3 — ajustes solicitados
   ========================================================= */

/* El resumen debe comenzar inmediatamente después del título. La regla
   anterior con margin-top:auto lo desplazaba al fondo cuando la tarjeta
   contigua incluía una gráfica Keepa. */
.post-list .entry.excerpt {
  margin-top: 0;
}

/* Keepa permanece siempre después de los metadatos, título y resumen. */
.post-list .cb-card-keepa {
  order: 20;
  flex: 0 0 auto;
  width: auto;
}
.post-list .post-meta { order: 10; }
.post-list .post-title { order: 11; }
.post-list .entry.excerpt { order: 12; }

/* Presentación de portada más baja, discreta y algo más colorida. */
.cb-home-hero {
  min-height: 108px;
  grid-template-columns: minmax(76px,.55fr) minmax(390px,2.6fr) minmax(92px,.68fr);
  gap: 14px;
  padding: 14px 30px;
  border-bottom-width: 1px;
  background:
    radial-gradient(circle at 10% 35%, rgba(52,124,246,.13), transparent 27%),
    radial-gradient(circle at 86% 32%, rgba(255,132,35,.13), transparent 26%),
    linear-gradient(110deg,#f8fbff 0%,#fff 46%,#fff8f2 100%);
}
.cb-home-hero__copy h1 {
  font-size: clamp(23px,2.35vw,34px);
  line-height: 1.08;
  letter-spacing: -.03em;
}
.cb-home-hero__copy h1 strong {
  color: #f47a16;
}
.cb-home-hero__copy p {
  margin-top: 8px;
  font-size: clamp(13px,1.15vw,16px);
}
.cb-home-hero__copy p strong {
  color: #159b61;
}
.cb-home-hero__visual {
  height: 76px;
}
.cb-home-hero__magnifier {
  width: 43px;
  height: 43px;
  border-width: 7px;
}
.cb-home-hero__magnifier::after {
  width: 10px;
  height: 37px;
  left: -16px;
  bottom: -27px;
}
.cb-home-hero__spark--one { font-size: 18px; }
.cb-home-hero__spark--two { font-size: 16px; }

/* La cabecera de la barra lateral debe quedar completamente visible bajo
   el header, sin que el texto se desplace hacia la zona tapada. */
.sidebar .sidebar-top {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  min-height: 46px;
  box-sizing: border-box;
  padding: 10px 22px !important;
  overflow: visible;
}
.sidebar .sidebar-top p {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-size: 13px;
  white-space: normal;
}

@media only screen and (max-width: 900px) {
  .cb-home-hero {
    grid-template-columns: 68px 1fr 78px;
    padding: 13px 18px;
  }
}
@media only screen and (max-width: 719px) {
  .cb-home-hero {
    padding: 17px 15px 16px;
  }
  .cb-home-hero__copy h1 { font-size: 23px; }
  .cb-home-hero__copy p { margin-top: 7px; font-size: 13px; }
}

/* 2.1.4 — Hueman reservaba 60px dentro de la cabecera y compensaba esa
   reserva subiendo #page otros 60px. Al compactar la cabecera se eliminó
   la reserva, por lo que también hay que cancelar el margen negativo para
   que la cabecera de la barra lateral no quede oculta. */
#page {
  margin-top: 0 !important;
}

/* =========================================================
   Cholloblog 2.2.0 — consolidación de la portada
   ========================================================= */

/* La rejilla deja de depender de floats y alturas heredadas de Hueman. */
@media only screen and (min-width: 720px) {
  .post-list .post-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }
  .post-list .post-row > article.post {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
  }
  .post-list .post-row > .cb-home-explorer {
    grid-column: 1 / -1;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 2px !important;
  }
  .post-list .post-inner {
    width: 100%;
    height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
}

/* Tarjetas más consistentes sin alterar la salida del plugin de afiliados. */
.post-list .post-inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 0 17px;
  background: #fff;
  border-color: #e3e8ef;
  box-shadow: 0 5px 18px rgba(28,45,70,.065);
}
.post-list .post-thumbnail {
  flex: 0 0 auto;
  margin: 0;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  background: #f7f9fc;
}
.post-list .post-thumbnail > a:first-child {
  display: block;
  line-height: 0;
}
.post-list .post-thumbnail img {
  display: block;
  width: 100%;
}
.post-list .post-meta,
.post-list .post-title,
.post-list .entry.excerpt {
  margin-left: 16px;
  margin-right: 16px;
}
.post-list .post-meta {
  padding-top: 14px;
  margin-bottom: 8px;
}
.post-list .post-title {
  margin-top: 0;
  margin-bottom: 9px;
  font-size: clamp(19px, 1.55vw, 23px);
  line-height: 1.2;
  letter-spacing: -.018em;
}
.post-list .entry.excerpt {
  font-size: 14.5px;
  line-height: 1.56;
}
.post-list .cb-card-keepa {
  margin: 14px 14px 0;
  border-radius: 11px;
  overflow: hidden;
}

/* El bloque principal se integra como parte de la portada, sin parecer un banner aislado. */
.cb-home-hero {
  margin: 0 0 18px;
  border: 1px solid #e3ebf6;
  border-bottom-color: #cdddf3;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 5px 18px rgba(31,68,120,.045);
}
.cb-home-explorer {
  border-color: #e3e8ef !important;
  box-shadow: 0 5px 18px rgba(28,45,70,.055) !important;
}

/* Mejor separación de la zona editorial y menor sensación de página antigua. */
.content .pad {
  padding-top: 20px;
}
.post-list {
  padding-bottom: 4px;
}

/* Barra lateral más estable y títulos completamente visibles. */
.sidebar .sidebar-top {
  min-height: 48px;
  margin-top: 0 !important;
}
.sidebar .sidebar-top p {
  width: 100%;
  overflow: visible;
}
.sidebar .widget {
  box-shadow: 0 5px 17px rgba(28,45,70,.055);
}
.sidebar .widget ul li a {
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Estado de carga del scroll infinito: discreto, pero visible. */
.cb-infinite-loader,
.infinite-loader {
  clear: both;
  width: max-content;
  max-width: calc(100% - 30px);
  margin: 18px auto 26px;
  padding: 9px 15px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 6px 18px rgba(28,45,70,.07);
  color: #526173;
  font-size: 13px;
}

@media only screen and (max-width: 719px) {
  .content .pad { padding: 13px 10px 0; }
  .post-list .post-row {
    display: block !important;
    margin-bottom: 0 !important;
  }
  .post-list article.post { margin-bottom: 14px !important; }
  .post-list .post-inner {
    margin: 0 !important;
    padding-bottom: 15px;
    border-radius: 13px;
  }
  .post-list .post-thumbnail { border-radius: 13px 13px 0 0; }
  .post-list .post-meta,
  .post-list .post-title,
  .post-list .entry.excerpt { margin-left: 14px; margin-right: 14px; }
  .post-list .post-title { font-size: 20px; }
  .post-list .entry.excerpt { font-size: 14px; line-height: 1.52; }
  .cb-home-hero {
    margin-bottom: 12px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .post-list .post-inner,
  .post-list .post-thumbnail img { transition: none !important; }
  .post-list .post-inner:hover { transform: none !important; }
}

/* Cholloblog 3.1.0 — corrección del buscador lateral */
.sidebar .widget_search,
.sidebar .widget.widget_search {
  min-width: 0;
}

.sidebar .widget_search > form,
.sidebar .widget_search .searchform {
  width: auto !important;
  max-width: none !important;
  margin: 14px 14px 16px !important;
  box-sizing: border-box;
  overflow: visible;
}

.sidebar .widget_search .searchform > div,
.sidebar .widget_search .searchform p {
  width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
}

.sidebar .widget_search input.search,
.sidebar .widget_search input[type="search"],
.sidebar .widget_search input[type="text"] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  height: 42px;
  margin: 0 !important;
  padding: 0 42px 0 18px !important;
  box-sizing: border-box;
  border-radius: 999px;
}

.sidebar .widget_search .searchform div::after {
  left: auto !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%);
  line-height: 1 !important;
}