/*
 * Capa 10 · Contraste editorial y carrusel real de cuatro reclamos.
 * Reglas visuales exclusivamente: no alteran noticias, reclamos, permisos ni datos.
 */

/* Las fotos de noticias van ARRIBA y los textos en un panel sólido ABAJO.
   Evita que la foto invada la lectura, independientemente del tema. */
body.v21-quality #noticias #newsGrid .news {
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  min-width:0;
  overflow:hidden!important;
  isolation:isolate;
  border-radius:16px!important;
  box-shadow:0 8px 22px #03182921;
}
body.v21-quality #noticias #newsGrid .news-cover {
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:clamp(185px,52vw,270px)!important;
  min-height:185px;
  overflow:hidden!important;
  background:#112b3b!important;
  border-radius:0!important;
  padding:0!important;
}
body.v21-quality #noticias #newsGrid .news-cover .news-thumbnail {
  display:block!important;
  position:static!important;
  inset:auto!important;
  max-width:none!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  opacity:1!important;
  filter:none!important;
}
body.v21-quality #noticias #newsGrid .news-body {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:9px;
  position:relative!important;
  inset:auto!important;
  z-index:2;
  min-height:0!important;
  width:100%!important;
  padding:18px!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box;
  text-align:left!important;
  text-shadow:none!important;
}
body.v21-quality #noticias #newsGrid .news-body :is(.newsroom-category,h3,p,.news-meta) {
  display:block;
  position:static!important;
  inset:auto!important;
  margin:0!important;
  opacity:1!important;
  text-shadow:none!important;
  mix-blend-mode:normal!important;
  max-height:none!important;
  transform:none!important;
}
body.v21-quality #noticias #newsGrid .news-body h3 {
  font:800 clamp(19px,5vw,26px)/1.2 system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
  -webkit-line-clamp:unset!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  background-clip:border-box!important;
  overflow-wrap:anywhere;
}
body.v21-quality #noticias #newsGrid .news-body p {
  font:500 14px/1.6 system-ui,sans-serif!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  overflow-wrap:break-word;
}
body.v21-quality #noticias #newsGrid .newsroom-category {
  width:max-content;
  max-width:100%;
  padding:5px 10px!important;
  border-radius:999px;
  font:800 11px/1.2 system-ui,sans-serif!important;
  letter-spacing:.035em;
}
body.v21-quality #noticias #newsGrid .news-meta {
  margin-top:5px!important;
  font:750 12px/1.4 system-ui,sans-serif!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .news {
  background:#fff!important;
  border:1px solid #c5d5e2!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .news-body {
  background:#fff!important;
  color:#172b3e!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .news-body h3{
  color:#25213e!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .news-body p{
  color:#35485d!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .news-meta{
  color:#475569!important;
}
body.v21-quality[data-theme='light'] #noticias #newsGrid .newsroom-category {
  background:#edf2fd!important;
  color:#51226e!important;
  border:1px solid #d8c5e8;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .news {
  background:#0a2332!important;
  border:1px solid #2a5265!important;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .news-body {
  background:#0a2332!important;
  color:#effaff!important;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .news-body h3 {
  color:#fcf2ff!important;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .news-body p {
  color:#d3e5ee!important;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .news-meta{
  color:#b4d6e4!important;
}
body.v21-quality[data-theme='dark'] #noticias #newsGrid .newsroom-category{
  background:#263348!important;
  color:#e8c6ff!important;
  border:1px solid #68538d;
}
/* Noticias del carrusel de portada: tipografía contrastada en ambos temas. */
body.v21-quality[data-theme='light'] #destacados #featuredNewsTrack .news-slide {
  background:#fff!important;
  color:#27334a!important;
}
body.v21-quality[data-theme='light'] #destacados #featuredNewsTrack .news-slide :is(h3,p,.feature-meta) {
  color:#302449!important;
  -webkit-text-fill-color:#302449!important;
  text-shadow:none!important;
}
body.v21-quality[data-theme='dark'] #destacados #featuredNewsTrack .news-slide {
  background:#102839!important;
  color:#f9efff!important;
}
body.v21-quality[data-theme='dark'] #destacados #featuredNewsTrack .news-slide :is(h3,p,.feature-meta) {
  color:#f8efff!important;
  -webkit-text-fill-color:#f8efff!important;
  text-shadow:none!important;
}

/* Metadatos y enlaces de las tarjetas: nunca texto oscuro sobre banda oscura. */
body.v21-quality #reclamos #cards .card-body .meta {
  display:block!important;
  position:static!important;
  padding:8px 9px!important;
  margin:8px 0 10px!important;
  border-radius:9px!important;
  font-weight:650!important;
  line-height:1.5!important;
  box-shadow:none!important;
  text-shadow:none!important;
  overflow-wrap:anywhere;
  background-image:none!important;
  -webkit-text-fill-color:currentColor!important;
}
body.v21-quality[data-theme='light'] #reclamos #cards .card-body .meta {
  background:#edf4fa!important;
  border:1px solid #c5ddeb!important;
  color:#29475e!important;
}
body.v21-quality[data-theme='dark'] #reclamos #cards .card-body .meta {
  background:#1d3548!important;
  border:1px solid #385d70!important;
  color:#e0f0fa!important;
}
body.v21-quality[data-theme='light'] #reclamos #cards .card-body :is(.sfte-comment-count,.card-num) {
  color:#5b347e!important;
  -webkit-text-fill-color:#5b347e!important;
}
body.v21-quality[data-theme='dark'] #reclamos #cards .card-body :is(.sfte-comment-count,.card-num) {
  color:#e3b9f8!important;
  -webkit-text-fill-color:#e3b9f8!important;
}
body.v21-quality #reclamos #cards .card-body .card-num {
  gap:8px;
  flex-wrap:wrap;
  overflow-wrap:anywhere;
}

/* Carrusel de VERDAD: cuatro tarjetas en cada panel, desplazamiento horizontal
   sin volver a generar el HTML para cada flecha. */
body.v21-quality #reclamos #cards.grid {
  display:block!important;
  overflow:hidden!important;
  width:100%;
  min-width:0;
  position:relative;
  border-radius:15px;
  scroll-margin-top:170px;
}
#reclamos #cards .report-cards-track {
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  gap:0!important;
  transition:transform .48s cubic-bezier(.2,.67,.28,1);
  will-change:transform;
}
body.v21-quality #reclamos #cards .report-cards-page {
  display:grid!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:1fr;
  gap:14px!important;
  align-items:stretch;
  margin:0!important;
  padding:2px!important;
  box-sizing:border-box;
}
#reclamos #cards .report-cards-page .card {
  min-width:0;
  height:100%;
}
#reclamos .report-page-controls:not([hidden]) {
  flex-wrap:wrap;
  row-gap:9px;
  justify-content:center;
}
#reclamos .report-cards-dots {
  display:flex;
  flex:0 0 100%;
  justify-content:center;
  align-items:center;
  gap:9px;
}
#reclamos .report-card-dot {
  width:11px;
  height:11px;
  border:0;
  padding:0;
  border-radius:50%;
  background:#b7c8d5;
  cursor:pointer;
  transition:background-color .2s,transform .2s;
}
#reclamos .report-card-dot.is-active {
  background:#a126c9;
  transform:scale(1.18);
}
#reclamos .report-card-dot:focus-visible {
  outline:3px solid #b45ee7;
  outline-offset:4px;
}
@media(max-width:700px) {
 body.v21-quality #reclamos #cards .report-cards-page{gap:10px!important}
 body.v21-quality #noticias #newsGrid .news-body{padding:15px!important}
 body.v21-quality #noticias #newsGrid .news-cover{height:clamp(190px,55vw,240px)!important}
}
@media(max-width:355px){
 body.v21-quality #reclamos #cards .report-cards-page{gap:8px!important}
}
@media(prefers-reduced-motion:reduce) {
 #reclamos #cards .report-cards-track {transition:none!important}
 #reclamos .report-card-dot {transition:none!important}
}