:root{--rosa:#f4b6c2;--rosa-suave:#fbe2e7;--lila:#cbb8e8;--lila-suave:#ece3f9;--menta:#a8dfc9;--menta-suave:#e2f5ec;--crema:#fffaf4;--texto:#4a3b47;--texto-suave:#776873;--blanco:#fff;--font-titulo:"Playfair Display", Georgia, serif;--font-cuerpo:"Quicksand", system-ui, sans-serif;--font-acento:"Caveat", cursive;--radio:22px;--sombra:0 10px 30px -12px #4a3b4740}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-cuerpo);color:var(--texto);background-color:var(--crema);background-image:radial-gradient(circle at 8% 12%, var(--rosa-suave) 0%, transparent 40%), radial-gradient(circle at 92% 18%, var(--lila-suave) 0%, transparent 42%), radial-gradient(circle at 15% 90%, var(--menta-suave) 0%, transparent 40%);background-attachment:fixed;margin:0;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-titulo);color:var(--texto);margin:0 0 .5em;line-height:1.25}a{color:inherit}.contenedor{width:min(1000px,92%);margin:0 auto}.header{padding:1.6rem 0 1rem}.header .contenedor{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{font-family:var(--font-titulo);color:var(--texto);align-items:center;gap:.6rem;font-size:1.5rem;text-decoration:none;display:flex}.logo svg{width:34px;height:34px}.nav{flex-wrap:wrap;gap:1.4rem;display:flex}.nav a{border-radius:999px;padding:.35rem .9rem;font-weight:600;text-decoration:none;transition:background-color .2s}.nav a:hover{background-color:var(--rosa-suave)}.hero{text-align:center;padding:3rem 0 2rem;position:relative}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}.hero .acento{font-family:var(--font-acento);color:var(--rosa);font-size:1.6em}.hero p{max-width:620px;color:var(--texto-suave);margin:0 auto;font-size:1.15rem}.hero-decor{justify-content:center;gap:.8rem;margin:1.4rem 0;display:flex}.hero-decor svg{width:40px;height:40px}.hero-split{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:3rem 0 2rem;display:grid}.hero-texto h1{font-size:clamp(2rem,4.5vw,3.2rem)}.hero-texto .acento{font-family:var(--font-acento);color:var(--rosa);font-size:1.6em}.hero-texto p{max-width:460px;color:var(--texto-suave);font-size:1.1rem}.hero-foto{justify-self:center;position:relative}.hero-foto img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radio);width:100%;max-width:360px;box-shadow:var(--sombra);display:block}.hero-foto .flor-simbolo{filter:drop-shadow(0 4px 10px #4a3b4740);width:96px;height:96px;position:absolute;bottom:-20px;left:-20px}@media (width<=780px){.hero-split{text-align:center;grid-template-columns:1fr}.hero-texto p{margin:0 auto}.hero-foto{order:-1}}.divisor{color:var(--lila);justify-content:center;align-items:center;gap:.7rem;margin:2.6rem 0;display:flex}.divisor svg{flex-shrink:0;width:26px;height:26px}.divisor .linea{background:linear-gradient(90deg,#0000,currentColor,#0000);width:60px;height:1px}.grid-posts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin:2rem 0 3rem;display:grid}.tarjeta{background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);border:1px solid #cbb8e840;flex-direction:column;gap:.5rem;padding:1.6rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tarjeta .flor-simbolo{opacity:.95;pointer-events:none;width:88px;height:88px;position:absolute;top:-10px;right:-6px}.tarjeta>:not(.flor-simbolo){z-index:1;position:relative}.tarjeta:hover{transform:translateY(-4px);box-shadow:0 16px 34px -14px #4a3b4752}.categoria-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--menta-suave);color:#2f6b52;border-radius:999px;align-self:flex-start;padding:.25rem .7rem;font-size:.75rem;font-weight:700}.categoria-tag[data-cat=duelo]{background:var(--lila-suave);color:#5b3f8f}.categoria-tag[data-cat=migracion]{background:var(--rosa-suave);color:#a5415a}.categoria-tag[data-cat=maternidad]{background:var(--menta-suave);color:#2f6b52}.categoria-tag[data-cat=salud-emocional]{color:#a55a1c;background:#fde7d2}.categoria-tag[data-cat=viajes]{color:#2a6b96;background:#dceefd}.categoria-tag[data-cat=cocina]{color:#7a3f9c;background:#f3e6fb}.categoria-tag[data-cat=un-rato-conmigo]{background:var(--rosa-suave);color:#a5415a}.tarjeta h3{margin:0;font-size:1.25rem}.tarjeta p{color:var(--texto-suave);margin:0;font-size:.95rem}.tarjeta .fecha{color:var(--texto-suave);opacity:.8;font-size:.8rem}.filtros{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.6rem 0 .5rem;display:flex}.filtros a{background:var(--blanco);border:1px solid var(--lila-suave);border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none}.filtros a.activo,.filtros a:hover{background:var(--rosa);color:var(--blanco);border-color:var(--rosa)}.articulo{background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:3rem;padding:clamp(1.6rem,5vw,3rem)}.articulo h1{font-size:clamp(1.8rem,4vw,2.6rem)}.articulo .meta{color:var(--texto-suave);margin-bottom:1.6rem;font-size:.9rem}.articulo :is(p,li){font-size:1.05rem}.articulo h2{margin-top:1.8rem}.footer{text-align:center;color:var(--texto-suave);padding:2.5rem 0 3rem}.footer .flores{justify-content:center;gap:.9rem;margin-bottom:1rem;display:flex}.footer .flores .flor-simbolo{width:42px;height:42px}.boton{background:var(--rosa);color:var(--blanco);box-shadow:var(--sombra);border-radius:999px;padding:.7rem 1.6rem;font-weight:700;text-decoration:none;display:inline-block}.boton:hover{background:#ef9fb0}.seccion-titulo{text-align:center;margin-bottom:.5rem}.grid-comunidad{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;margin:2rem 0 3rem;display:grid}.tarjeta-comunidad{align-items:flex-start}.tarjeta-comunidad .que-hace{color:var(--texto);font-weight:700}.boton-chico{box-shadow:none;padding:.45rem 1.1rem;font-size:.9rem}.formulario-comunidad{margin-bottom:3rem}.form-tarjeta{background:var(--blanco);border-radius:var(--radio);max-width:560px;box-shadow:var(--sombra);flex-direction:column;gap:.4rem;margin:0 auto;padding:clamp(1.6rem,5vw,2.4rem);display:flex}.form-tarjeta label{margin-top:.6rem;font-size:.9rem;font-weight:700}.form-tarjeta input,.form-tarjeta textarea{font-family:var(--font-cuerpo);border:1px solid var(--lila-suave);background:var(--crema);color:var(--texto);border-radius:12px;padding:.6rem .8rem;font-size:1rem}.form-tarjeta input:focus,.form-tarjeta textarea:focus{outline:2px solid var(--rosa);outline-offset:1px}.form-tarjeta button{cursor:pointer;font-family:var(--font-cuerpo);border:none;align-self:center;margin-top:1.2rem}.form-tarjeta .oculto{position:absolute;left:-9999px}
