/* HogaresCol — Noticias y consejos (hc-guia 1.2.0): tarjetas de artículo (con foto o tarjeta de respaldo) y sección «Noticias y consejos» de la portada.
   Se carga en la guía y en la portada del sitio. La tarjeta de respaldo usa el mismo estilo que la tarjeta con el nombre
   de los hogares sin fotos (fondo crema, puntitos y dos ramitas casi transparentes). Todo en CSS: sin imágenes externas. */
.hcgc{display:flex;flex-direction:column;background:#fff;border:1px solid #EEF0F3;border-radius:14px;overflow:hidden;color:#1A1A2E;text-decoration:none!important;box-shadow:0 2px 10px rgba(26,26,46,.05);transition:box-shadow .2s,transform .2s;height:100%}
.hcgc:hover{box-shadow:0 10px 28px rgba(26,26,46,.12);transform:translateY(-2px)}
.hcgc:focus-visible{outline:3px solid #2A9D8F;outline-offset:3px}
.hcgc__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#FFF8F5;flex:none}
.hcgc__media img,.hcgc__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;transition:transform .4s}
.hcgc:hover .hcgc__img{transform:scale(1.03)}
.hcgc__body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.hcgc__tag{display:block;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#C94A38;margin:0 0 6px}
.hcgc__h{font-size:1.08rem;font-weight:800;line-height:1.3;color:#1A1A2E;margin:0 0 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hcgc__ex{font-size:.9rem;line-height:1.5;color:#5A6270;margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hcgc__meta{font-size:.8rem;color:#6C757D;margin:0 0 12px;letter-spacing:.1px}
.hcgc__kicker{align-self:flex-start;display:inline-block;background:#1A1A2E;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin:0 0 10px}
.hcgc__mas{margin-top:auto;font-size:.9rem;font-weight:700;color:#21867A}
.hcgc__mas span{display:inline-block;transition:transform .2s}
.hcgc:hover .hcgc__mas span{transform:translateX(4px)}
/* Nota principal */
.hcgc--lead .hcgc__body{padding:20px 20px 22px}
.hcgc--lead .hcgc__h{font-size:1.45rem;line-height:1.22;-webkit-line-clamp:4}
.hcgc--lead .hcgc__ex{font-size:.98rem;-webkit-line-clamp:4}
.hcgc--lead .hcgc__mas{display:inline-flex;gap:6px;align-self:flex-start;background:#E85D4A;color:#fff;padding:10px 20px;border-radius:30px;font-size:.92rem}
.hcgc--lead:hover .hcgc__mas{background:#C94A38}
@media(min-width:820px){
  .hcgc--lead{display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch}
  .hcgc--lead .hcgc__media{aspect-ratio:auto;min-height:360px}
  .hcgc--lead .hcgc__body{justify-content:center;padding:32px 36px}
  .hcgc--lead .hcgc__h{font-size:clamp(1.55rem,2.5vw,2.1rem)}
  .hcgc--lead .hcgc__mas{margin-top:4px}
}
/* Tarjeta de respaldo (artículo sin foto) */
.hcgf{container-type:inline-size;position:absolute;inset:0;overflow:hidden;color:#1A1A2E;font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(circle at 1.5px 1.5px,rgba(26,26,46,.075) 1.2px,transparent 1.8px) 0 0/16px 16px,
    radial-gradient(90% 80% at 100% 0%,#FBDCD5 0%,rgba(251,220,213,0) 60%),
    radial-gradient(90% 80% at 0% 100%,#DDF0EC 0%,rgba(221,240,236,0) 60%),
    #FFF8F5}
.hcgf__in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8cqi 9cqi 12cqi;box-sizing:border-box}
.hcgf__in::before{content:"";position:absolute;width:46cqi;height:44cqi;right:-4cqi;top:-5cqi;opacity:.13;background:no-repeat right top/contain url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 200'><g fill='%23E85D4A'><path d='M205 5Q120 40 35 150' fill='none' stroke='%23E85D4A' stroke-width='3' stroke-linecap='round'/><path transform='translate%28188.0 12.8%29 rotate%28208.2%29' d='M0 0C8.5 -9.0 25.5 -9.0 34.0 0C25.5 9.0 8.5 9.0 0 0Z'/><path transform='translate%28169.3 23.0%29 rotate%2894.0%29' d='M0 0C8.0 -8.5 24.0 -8.5 32.0 0C24.0 8.5 8.0 8.5 0 0Z'/><path transform='translate%28150.6 35.1%29 rotate%28200.1%29' d='M0 0C7.5 -7.9 22.4 -7.9 29.9 0C22.4 7.9 7.5 7.9 0 0Z'/><path transform='translate%28131.9 49.0%29 rotate%2886.5%29' d='M0 0C7.0 -7.4 20.9 -7.4 27.9 0C20.9 7.4 7.0 7.4 0 0Z'/><path transform='translate%28113.2 64.7%29 rotate%28193.2%29' d='M0 0C6.5 -6.8 19.4 -6.8 25.8 0C19.4 6.8 6.5 6.8 0 0Z'/><path transform='translate%2894.5 82.2%29 rotate%2880.3%29' d='M0 0C5.9 -6.3 17.8 -6.3 23.8 0C17.8 6.3 5.9 6.3 0 0Z'/><path transform='translate%2875.8 101.5%29 rotate%28187.6%29' d='M0 0C5.4 -5.8 16.3 -5.8 21.8 0C16.3 5.8 5.4 5.8 0 0Z'/><path transform='translate%2857.1 122.7%29 rotate%2875.2%29' d='M0 0C4.9 -5.2 14.8 -5.2 19.7 0C14.8 5.2 4.9 5.2 0 0Z'/><path transform='translate%2835.0 150.0%29 rotate%28127.7%29' d='M0 0C7.5 -8.0 22.5 -8.0 30.0 0C22.5 8.0 7.5 8.0 0 0Z'/></g></svg>")}
.hcgf__in::after{content:"";position:absolute;width:30cqi;height:40cqi;left:-3cqi;bottom:-4cqi;opacity:.13;background:no-repeat left bottom/contain url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 210'><g fill='%232A9D8F'><path d='M-5 205Q40 90 150 35' fill='none' stroke='%232A9D8F' stroke-width='2.5' stroke-linecap='round'/><path transform='translate%282.6 187.0%29 rotate%28-3.3%29' d='M0 0C7.5 -6.0 22.5 -6.0 30.0 0C22.5 6.0 7.5 6.0 0 0Z'/><path transform='translate%282.6 187.0%29 rotate%28-127.3%29' d='M0 0C7.5 -6.0 22.5 -6.0 30.0 0C22.5 6.0 7.5 6.0 0 0Z'/><path transform='translate%2811.4 169.1%29 rotate%280.1%29' d='M0 0C7.0 -5.6 20.9 -5.6 27.9 0C20.9 5.6 7.0 5.6 0 0Z'/><path transform='translate%2811.4 169.1%29 rotate%28-123.9%29' d='M0 0C7.0 -5.6 20.9 -5.6 27.9 0C20.9 5.6 7.0 5.6 0 0Z'/><path transform='translate%2821.1 152.1%29 rotate%283.5%29' d='M0 0C6.5 -5.2 19.4 -5.2 25.8 0C19.4 5.2 6.5 5.2 0 0Z'/><path transform='translate%2821.1 152.1%29 rotate%28-120.5%29' d='M0 0C6.5 -5.2 19.4 -5.2 25.8 0C19.4 5.2 6.5 5.2 0 0Z'/><path transform='translate%2831.6 135.8%29 rotate%287.1%29' d='M0 0C5.9 -4.7 17.8 -4.7 23.7 0C17.8 4.7 5.9 4.7 0 0Z'/><path transform='translate%2831.6 135.8%29 rotate%28-116.9%29' d='M0 0C5.9 -4.7 17.8 -4.7 23.7 0C17.8 4.7 5.9 4.7 0 0Z'/><path transform='translate%2843.1 120.4%29 rotate%2810.7%29' d='M0 0C5.4 -4.3 16.2 -4.3 21.6 0C16.2 4.3 5.4 4.3 0 0Z'/><path transform='translate%2843.1 120.4%29 rotate%28-113.3%29' d='M0 0C5.4 -4.3 16.2 -4.3 21.6 0C16.2 4.3 5.4 4.3 0 0Z'/><path transform='translate%2855.5 105.9%29 rotate%2814.4%29' d='M0 0C4.9 -3.9 14.6 -3.9 19.5 0C14.6 3.9 4.9 3.9 0 0Z'/><path transform='translate%2855.5 105.9%29 rotate%28-109.6%29' d='M0 0C4.9 -3.9 14.6 -3.9 19.5 0C14.6 3.9 4.9 3.9 0 0Z'/><path transform='translate%2868.7 92.1%29 rotate%2818.0%29' d='M0 0C4.3 -3.5 13.0 -3.5 17.4 0C13.0 3.5 4.3 3.5 0 0Z'/><path transform='translate%2868.7 92.1%29 rotate%28-106.0%29' d='M0 0C4.3 -3.5 13.0 -3.5 17.4 0C13.0 3.5 4.3 3.5 0 0Z'/><path transform='translate%2882.9 79.2%29 rotate%2821.6%29' d='M0 0C3.8 -3.1 11.5 -3.1 15.3 0C11.5 3.1 3.8 3.1 0 0Z'/><path transform='translate%2882.9 79.2%29 rotate%28-102.4%29' d='M0 0C3.8 -3.1 11.5 -3.1 15.3 0C11.5 3.1 3.8 3.1 0 0Z'/><path transform='translate%2897.9 67.1%29 rotate%2825.2%29' d='M0 0C3.3 -2.6 9.9 -2.6 13.2 0C9.9 2.6 3.3 2.6 0 0Z'/><path transform='translate%2897.9 67.1%29 rotate%28-98.8%29' d='M0 0C3.3 -2.6 9.9 -2.6 13.2 0C9.9 2.6 3.3 2.6 0 0Z'/><path transform='translate%28113.9 55.8%29 rotate%2828.7%29' d='M0 0C2.8 -2.2 8.3 -2.2 11.1 0C8.3 2.2 2.8 2.2 0 0Z'/><path transform='translate%28113.9 55.8%29 rotate%28-95.3%29' d='M0 0C2.8 -2.2 8.3 -2.2 11.1 0C8.3 2.2 2.8 2.2 0 0Z'/><path transform='translate%28130.7 45.4%29 rotate%2832.1%29' d='M0 0C2.2 -1.8 6.7 -1.8 9.0 0C6.7 1.8 2.2 1.8 0 0Z'/><path transform='translate%28130.7 45.4%29 rotate%28-91.9%29' d='M0 0C2.2 -1.8 6.7 -1.8 9.0 0C6.7 1.8 2.2 1.8 0 0Z'/></g></svg>")}
.hcgf__ico{position:relative;flex:none;width:max(40px,15cqi);height:max(40px,15cqi);border-radius:50%;background:#fff;color:#E85D4A;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px rgba(232,93,74,.14);margin-bottom:3.6cqi}
.hcgf__ico svg{width:56%;height:56%}
.hcgf__r{display:none}
.hcgf__t{position:relative;font-weight:800;line-height:1.12;letter-spacing:-.015em;font-size:max(18px,8.2cqi);text-wrap:balance;overflow-wrap:anywhere}
.hcgf__m{position:absolute;left:0;right:0;bottom:4.8cqi;display:flex;justify-content:center;align-items:center;gap:1.5cqi;font-size:max(10px,2.9cqi);font-weight:800;color:#1A1A2E;opacity:.8}
.hcgf__i{width:max(14px,4.2cqi);height:max(14px,4.2cqi);border-radius:50%;background:#E85D4A;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:max(8px,2.4cqi)}
.hcgf__m b{color:#E85D4A;font-weight:800}
.hcgc--lead .hcgf__t{font-size:max(22px,7cqi)}
/* Portada del sitio: «Noticias y consejos» */
.hcg-home{background:#FFF8F5}
.hcg-home__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hcg-home__mas{text-align:center;margin-top:34px}
.hcg-home__btn{display:inline-flex;align-items:center;gap:8px;background:#E85D4A;color:#fff!important;padding:13px 28px;border-radius:30px;font-weight:700;font-size:.97rem;text-decoration:none!important;transition:background .2s}
.hcg-home__btn:hover{background:#C94A38}
@media(max-width:900px){.hcg-home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hcg-home__grid>.hcgc:first-child{grid-column:1/-1}}
@media(max-width:640px){
  .hcg-home__grid{grid-template-columns:1fr;gap:14px}
  .hcg-home__grid>.hcgc:not(:first-child){display:grid;grid-template-columns:38% 1fr}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__media{aspect-ratio:auto;min-height:100%}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__body{padding:12px 14px}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__h{font-size:.98rem}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__ex{display:none}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__meta{margin-bottom:6px;font-size:.76rem}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgc__mas{font-size:.85rem}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgf__ico{width:34px;height:34px;margin-bottom:6px}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgf__t{font-size:15px}
  .hcg-home__grid>.hcgc:not(:first-child) .hcgf__m{display:none}
}