:root{
  --bg:#fff9f3;--surface:#ffffff;--soft:#fff1e9;--soft2:#f7e9ff;--peach:#f4b7a7;--rose:#eaa5a5;--mint:#cdebd6;--lav:#d9ccff;--ink:#2f2824;--muted:#746862;--line:#eadfd8;--shadow:0 16px 42px rgba(74,54,44,.10);--radius:22px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fffaf5 0%,#fff 48%,#fff8f1 100%);color:var(--ink);line-height:1.72}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,245,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:13px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand-icon{width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(255,122,89,.16))}.brand-copy strong{display:block;font-size:21px;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:-1px}.main-nav{display:flex;gap:22px;align-items:center}.main-nav a{color:var(--ink);text-decoration:none;font-weight:760;font-size:15px}.main-nav a:hover{color:#ff7a59}.nav-toggle{display:none}.hero{max-width:var(--max);margin:0 auto;padding:58px 18px 36px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:38px;align-items:center}.eyebrow,.pill,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;color:#8b5f54;font-weight:800;font-size:13px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero p{font-size:19px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:900;color:var(--ink);background:#fff;box-shadow:0 10px 24px rgba(47,40,36,.12);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 26px rgba(47,40,36,.15)}.btn.primary{background:linear-gradient(135deg,#ffd7c8,#eadcff)}.btn.ghost{background:#eef8f1}.btn.small{padding:8px 12px;font-size:14px}.hero-card{background:linear-gradient(160deg,#fff,var(--soft));border:1px solid var(--line);border-radius:32px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--lav);opacity:.28;right:-60px;top:-65px}.hero-card img{width:100%;display:block}.hero-logo{max-width:100%;height:auto;object-fit:contain;margin:4px auto 10px;position:relative;z-index:1}.hero-mini-topics{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px;position:relative;z-index:1}.hero-mini-topics span{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;color:#695d57;box-shadow:0 8px 18px rgba(47,40,36,.05)}.section,.page-title,.wide,.article-layout{max-width:var(--max);margin:0 auto;padding:38px 18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2,.page-title h1{font-size:clamp(28px,4vw,48px);line-height:1.06;letter-spacing:-.035em;margin:0 0 10px}.section-head p,.page-title p{color:var(--muted);margin:0}.category-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-card,.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 9px 24px rgba(74,54,44,.06);transition:transform .18s ease,box-shadow .18s ease}.category-card{padding:24px}.category-card:hover,.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card .emoji{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--soft);font-size:24px}.category-card h3,.article-card h2,.article-card h3{line-height:1.18;letter-spacing:-.02em}.category-card p,.article-card p{color:var(--muted)}.article-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--soft)}.article-card-body{padding:20px}.article-card .meta-line,.meta-line{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;font-weight:750}.read-more{display:inline-flex;margin-top:14px;font-weight:950;color:#b56f60;text-decoration:none}.read-more:hover{text-decoration:underline}.post{max-width:880px;margin:0 auto;padding:34px 18px}.post-header{padding:18px 0 22px}.post-header h1{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}.post-header p{font-size:20px;color:var(--muted)}.post-hero-image{width:100%;aspect-ratio:16/8.2;object-fit:cover;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow);margin:20px 0 30px}.post-content{font-size:18.5px}.post-content h2{font-size:32px;line-height:1.12;margin:42px 0 12px;letter-spacing:-.03em}.post-content h3{font-size:23px;margin:28px 0 8px;letter-spacing:-.02em}.lead{font-size:21px;background:linear-gradient(135deg,#fff5ed,#fbf4ff);border:1px solid var(--line);padding:18px 20px;border-radius:20px}.content-note{background:#f6fbf7;border-left:5px solid #a3d9b4;padding:16px 18px;border-radius:16px;margin:24px 0;color:#496653}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:28px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 9px 24px rgba(74,54,44,.06);position:sticky;top:96px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;padding:40px clamp(18px,6vw,90px);background:#342b27;color:#fff}.site-footer p{color:rgba(255,255,255,.76)}.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:#fff}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px 18px;box-shadow:var(--shadow);display:none;align-items:center;justify-content:space-between;gap:18px;z-index:30}.cookie-banner.show{display:flex}.contact-form{display:grid;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;font:inherit}.contact-form textarea{min-height:160px}.form-note{color:var(--muted);font-size:14px}.bounce-soft{animation:bounceSoft 2.8s infinite}.floaty{animation:floaty 5s ease-in-out infinite}@keyframes bounceSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:920px){.hero,.article-layout{grid-template-columns:1fr}.category-grid,.article-grid{grid-template-columns:1fr 1fr}.sidebar-card{position:static}.section-head{display:block}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.nav-toggle{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.main-nav{display:none;position:absolute;top:70px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}}@media(max-width:620px){.hero{padding-top:38px}.category-grid,.article-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr}.post-content{font-size:17px}.cookie-banner{flex-direction:column;align-items:flex-start}.cookie-banner.show{display:flex}}

.hero-note{
  margin-top:16px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--line);
  box-shadow:0 12px 24px rgba(76,50,38,.08);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.hero-note strong{font-size:1rem;color:var(--ink)}
.hero-note span{color:var(--muted);line-height:1.5}

.hero-brand-card{display:flex;flex-direction:column;justify-content:center}.footer-logo{max-width:240px;width:100%;height:auto;display:block;margin-bottom:12px;filter:brightness(1.02)}@media(max-width:620px){.brand-copy small{display:none}.brand-copy strong{font-size:19px}.brand-icon{width:46px;height:46px}.hero-logo{max-width:92%}.hero-mini-topics span{font-size:12px;padding:7px 10px}}
.article-no-image{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#fff7ed,#effaf6);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.article-no-image img{width:78px;height:78px;object-fit:contain;opacity:.95;filter:drop-shadow(0 10px 20px rgba(47,40,36,.12))}.article-no-image span{position:absolute;right:16px;bottom:12px;font-weight:900;color:#168f84;opacity:.82}.content-image{margin:30px 0;padding:0}.content-image img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);display:block}.content-image figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:8px}.post-content img{max-width:100%;height:auto}


/* DatoTips V7 footer verde oscuro + push */
.site-footer{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;padding:44px clamp(18px,6vw,90px);background:radial-gradient(circle at 85% 28%,rgba(124,205,179,.13),transparent 30%),linear-gradient(135deg,#1f6657 0%,#165246 52%,#103f36 100%);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.site-footer p{color:rgba(255,255,255,.86);font-size:18px;max-width:620px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.footer-brand img{width:82px;height:82px;object-fit:contain;background:rgba(255,255,255,.92);border-radius:22px;padding:6px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}.footer-brand strong{font-size:clamp(34px,5vw,56px);letter-spacing:-.055em;line-height:1}.footer-brand strong span{color:#fff}.footer-brand strong b{color:#56c8b7;font-weight:950}.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;align-content:start;position:relative;z-index:1}.footer-links a{color:#d5fff3;text-underline-offset:4px;font-weight:750}.footer-watermark{position:absolute;right:7%;top:38px;width:220px;height:220px;background:url('/assets/img/brand/datotips-icon.png') center/contain no-repeat;opacity:.12;filter:grayscale(1) brightness(1.8);pointer-events:none}.push-card{margin-top:22px;display:grid;gap:8px;max-width:560px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px;backdrop-filter:blur(8px)}.push-card[hidden]{display:none}.push-card strong{color:#fff}.push-card span,.push-card small{color:rgba(255,255,255,.78)}.push-card .btn{width:max-content;background:#ffffff;color:#103f34;border:0}.push-card .btn:hover{transform:translateY(-2px)}@media(max-width:920px){.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-watermark{right:-30px;top:18px;width:180px;height:180px}.footer-brand img{width:66px;height:66px}}

.search-box{display:flex;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 9px 24px rgba(74,54,44,.06);margin-bottom:22px}.search-box input{flex:1;min-width:230px;border:1px solid var(--line);border-radius:999px;padding:13px 16px;font:inherit}.main-nav a[href="/buscar.php"]{color:#168f84}


/* DatoTips V8.2 - invitación flotante a notificaciones */
.push-floating-card{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:60;
  width:min(390px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:54px 1fr;
  gap:14px;
  align-items:start;
  padding:18px 18px 16px;
  border-radius:26px;
  background:linear-gradient(145deg,#ffffff 0%,#fff7ef 52%,#f2fff7 100%);
  border:1px solid rgba(22,82,70,.14);
  box-shadow:0 22px 50px rgba(20,63,54,.18);
  color:var(--ink);
  transform:translateY(12px);
  animation:dtPushPop .28s ease-out forwards;
}
.push-floating-card[hidden]{display:none}
.push-floating-icon{
  width:54px;height:54px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#ffd7c8,#d9ccff);
  box-shadow:0 10px 22px rgba(47,40,36,.12);
  font-size:26px;
}
.push-floating-copy{display:grid;gap:7px;padding-right:18px}.push-floating-copy strong{font-size:18px;line-height:1.1}.push-floating-copy span{font-size:14.5px;color:var(--muted);line-height:1.45}.push-floating-copy small{color:#1f6657;font-weight:750;line-height:1.35}.push-floating-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}.push-floating-actions .btn{background:linear-gradient(135deg,#1f6657,#56c8b7);color:#fff;box-shadow:0 10px 24px rgba(31,102,87,.18)}.push-later,.push-floating-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:850}.push-later{padding:8px 6px}.push-floating-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;font-size:22px;line-height:1}.push-floating-close:hover{background:rgba(31,102,87,.08);color:var(--ink)}
@keyframes dtPushPop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.push-floating-card{left:12px;right:12px;bottom:12px;width:auto;grid-template-columns:46px 1fr;padding:15px;border-radius:22px}.push-floating-icon{width:46px;height:46px;border-radius:16px}.push-floating-copy strong{font-size:16px}.push-floating-copy span{font-size:13.5px}.push-floating-actions{gap:6px}.push-floating-actions .btn{padding:10px 13px}.push-later{font-size:13px}}