/* ChildFund Noticias Fácil - estilos aislados al shortcode */
/* Fuente institucional: Roboto Family */
.cf-news-easy,
.cf-news-easy *,
.cf-news-easy input,
.cf-news-easy select,
.cf-news-easy textarea,
.cf-news-easy button,
.cf-news-easy summary {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.cf-news-easy,
.cf-news-easy * { box-sizing: border-box; }

.cf-news-easy {
  --cf-green: #008653;
  --cf-light-green: #82c341;
  --cf-soft-green: #3eb97a;
  --cf-yellow: #eeb84e;
  --cf-lime: #d3df4d;
  --cf-sky: #20b0e7;
  --cf-orange: #ef6c30;
  --cf-gray: #a7aaaf;
  --cf-white: #ffffff;
  --cf-ink: #1f2933;
  --cf-muted: #5f6b76;
  --cf-border: rgba(0, 134, 83, .16);
  --cf-shadow: 0 18px 45px rgba(0, 0, 0, .08);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  color: var(--cf-ink);
  isolation: isolate;
}

.cf-news-easy__header { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 24px; }
.cf-news-easy__title { margin:0; color:var(--cf-green); font-size:clamp(1.6rem,2.5vw,2.35rem); line-height:1.12; font-weight:800; }
.cf-news-easy__all { color:var(--cf-green); text-decoration:none; font-weight:800; border-bottom:2px solid var(--cf-light-green); padding-bottom:4px; }
.cf-news-easy__all:hover,.cf-news-easy__all:focus { color:var(--cf-orange); border-color:var(--cf-orange); }
.cf-news-easy__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; width:100%; }
.cf-news-easy--cols-1 .cf-news-easy__grid { grid-template-columns:1fr; }
.cf-news-easy--cols-2 .cf-news-easy__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cf-news-easy--cols-3 .cf-news-easy__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cf-news-easy--cols-4 .cf-news-easy__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.cf-news-easy__card { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:var(--cf-white); border:1px solid var(--cf-border); border-radius:22px; box-shadow:0 10px 30px rgba(0,134,83,.08); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.cf-news-easy__card:hover { transform:translateY(-4px); box-shadow:var(--cf-shadow); border-color:rgba(130,195,65,.45); }
.cf-news-easy__image-link { display:block; width:100%; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(135deg,var(--cf-green),var(--cf-light-green)); text-decoration:none; }
.cf-news-easy__image { display:block; width:100%; height:100% !important; object-fit:cover; transform:scale(1.01); transition:transform .35s ease; }
.cf-news-easy__card:hover .cf-news-easy__image { transform:scale(1.06); }
.cf-news-easy__placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--cf-white); font-weight:800; letter-spacing:.04em; }
.cf-news-easy__body { display:flex; flex:1; flex-direction:column; padding:22px; }
.cf-news-easy__meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.cf-news-easy__badge { display:inline-flex; align-items:center; max-width:100%; padding:6px 10px; border-radius:999px; background:rgba(130,195,65,.16); color:var(--cf-green); font-size:.78rem; font-weight:800; line-height:1; }
.cf-news-easy__date { color:var(--cf-muted); font-size:.84rem; font-weight:600; }
.cf-news-easy__card-title { margin:0 0 10px; font-size:clamp(1.05rem,1.5vw,1.28rem); line-height:1.24; font-weight:800; }
.cf-news-easy__card-title a { color:var(--cf-ink); text-decoration:none; }
.cf-news-easy__card-title a:hover,.cf-news-easy__card-title a:focus { color:var(--cf-green); }
.cf-news-easy__excerpt { margin:0 0 18px; color:var(--cf-muted); font-size:.96rem; line-height:1.6; }
.cf-news-easy__button { display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; margin-top:auto; padding:11px 16px; border-radius:999px; background:var(--cf-green); color:var(--cf-white) !important; text-decoration:none; font-weight:800; line-height:1; box-shadow:0 10px 20px rgba(0,134,83,.18); transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
.cf-news-easy__button:hover,.cf-news-easy__button:focus { background:var(--cf-orange); transform:translateY(-1px); box-shadow:0 12px 22px rgba(239,108,48,.22); }
.cf-news-easy__empty { padding:22px; border-radius:16px; background:rgba(0,134,83,.06); color:var(--cf-green); font-weight:700; }

@media (max-width:1024px) { .cf-news-easy--cols-4 .cf-news-easy__grid,.cf-news-easy--cols-3 .cf-news-easy__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .cf-news-easy__header { align-items:flex-start; flex-direction:column; } .cf-news-easy__grid,.cf-news-easy--cols-1 .cf-news-easy__grid,.cf-news-easy--cols-2 .cf-news-easy__grid,.cf-news-easy--cols-3 .cf-news-easy__grid,.cf-news-easy--cols-4 .cf-news-easy__grid { grid-template-columns:1fr; gap:18px; } .cf-news-easy__body { padding:18px; } }

/* Lectura completa dentro del mismo shortcode, sin usar plantilla de entradas */
.cf-news-easy__card-title { color: var(--cf-ink); }
.cf-news-easy__details { margin-top:auto; }
.cf-news-easy__details[open] { margin-top:18px; padding-top:16px; border-top:1px solid var(--cf-border); }
.cf-news-easy__details summary { list-style:none; cursor:pointer; }
.cf-news-easy__details summary::-webkit-details-marker { display:none; }
.cf-news-easy__details[open] .cf-news-easy__button { background:var(--cf-orange); margin-bottom:16px; }
.cf-news-easy__full { color:var(--cf-ink); font-size:.98rem; line-height:1.75; }
.cf-news-easy__full p { margin:0 0 1em; }
.cf-news-easy__full h1,
.cf-news-easy__full h2,
.cf-news-easy__full h3,
.cf-news-easy__full h4 { color:var(--cf-green); margin:1.1em 0 .55em; line-height:1.2; }
.cf-news-easy__full img { max-width:100%; height:auto; border-radius:16px; }
.cf-news-easy__image-link { cursor:default; }


/* Landing específica de Editoriales */
.cf-editoriales-landing .cf-news-easy__title{
  color:var(--cf-green);
}
.cf-editoriales-landing .cf-news-easy__card{
  border-radius:24px;
}
.cf-editoriales-landing .cf-news-easy__button{
  background:var(--cf-green);
}
.cf-editoriales-landing .cf-news-easy__button:hover,
.cf-editoriales-landing .cf-news-easy__button:focus{
  background:var(--cf-light-green);
  color:var(--cf-white)!important;
}