{"id":426,"date":"2026-03-27T19:00:20","date_gmt":"2026-03-27T19:00:20","guid":{"rendered":"http:\/\/148.202.167.69\/cms\/?page_id=426"},"modified":"2026-05-13T19:01:48","modified_gmt":"2026-05-13T19:01:48","slug":"noticias","status":"publish","type":"page","link":"https:\/\/lawhpc.org\/index.php\/noticias\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=5.0\">\n\n\n\n<title>Noticias \u00b7 LA-WHPC<\/title>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&amp;family=Outfit:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n\n\n\n<style>\n    :root {\n      --teal:        #2BBFB3;\n      --teal-light:  #A8EDE9;\n      --teal-pale:   #E4F9F8;\n      --violet:      #6B5CE7;\n      --violet-soft: #EDE9FF;\n      --magenta:     #E91E8C;\n      --magenta-mid: #FF6BBF;\n      --magenta-pale:#FFE0F5;\n      --sand:        #FDF7F0;\n      --ink:         #1A1A2E;\n      --ink-mid:     #4A4A6A;\n      --ink-light:   #9999BB;\n      --white:       #FFFFFF;\n      --radius:      18px;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: 'DM Sans', sans-serif;\n      background: var(--white);\n      color: var(--ink);\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\n    nav {\n      position: sticky; top: 0; z-index: 100;\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 0 5vw; height: 72px;\n      background: rgba(255,255,255,.90);\n      backdrop-filter: blur(14px);\n      box-shadow: 0 1px 0 0 rgba(233,30,140,.15), 0 2px 16px rgba(233,30,140,.06);\n    }\n\n    .nav-logo {\n      display: flex; align-items: center; gap: 10px;\n      font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.25rem;\n      color: var(--ink); text-decoration: none;\n    }\n\n    .nav-logo-badge {\n      width: 38px; height: 38px;\n      background: linear-gradient(135deg, var(--magenta), var(--teal));\n      border-radius: 10px; display: grid; place-items: center;\n      color: white; font-size: .75rem; font-weight: 800;\n    }\n\n    .nav-links { display: flex; gap: 32px; list-style: none; }\n    .nav-links a {\n      font-size: .9rem; font-weight: 500;\n      color: var(--ink-mid); text-decoration: none; transition: color .2s;\n    }\n    .nav-links a:hover, .nav-links a.active { color: var(--magenta); }\n\n    .nav-cta {\n      background: linear-gradient(135deg, var(--magenta), #c4146e);\n      color: white; padding: 9px 22px; border-radius: 50px;\n      font-size: .88rem; font-weight: 600; text-decoration: none;\n      transition: box-shadow .2s, transform .15s;\n    }\n    .nav-cta:hover { box-shadow: 0 4px 20px rgba(233,30,140,.45); transform: translateY(-1px); }\n\n    \/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\n    .page-header {\n      padding: 72px 5vw 60px;\n      background: linear-gradient(145deg, #fff0f8 0%, var(--teal-pale) 50%, #f5f0ff 100%);\n      position: relative; overflow: hidden; text-align: center;\n    }\n\n    .page-header::before {\n      content: '';\n      position: absolute; width: 500px; height: 500px; border-radius: 50%;\n      background: radial-gradient(circle, rgba(233,30,140,.12) 0%, transparent 70%);\n      top: -200px; right: -100px; pointer-events: none;\n    }\n    .page-header::after {\n      content: '';\n      position: absolute; width: 380px; height: 380px; border-radius: 50%;\n      background: radial-gradient(circle, rgba(43,191,179,.14) 0%, transparent 70%);\n      bottom: -100px; left: -60px; pointer-events: none;\n    }\n\n    .page-header > * { position: relative; z-index: 1; }\n\n    .breadcrumb {\n      display: inline-flex; align-items: center; gap: 8px;\n      font-size: .8rem; color: var(--ink-light); margin-bottom: 20px;\n    }\n    .breadcrumb a { color: var(--magenta); text-decoration: none; font-weight: 500; }\n    .breadcrumb a:hover { text-decoration: underline; }\n\n    .page-tag {\n      display: inline-block; font-size: .78rem; font-weight: 600;\n      letter-spacing: 1.5px; text-transform: uppercase;\n      color: var(--magenta); margin-bottom: 14px;\n    }\n\n    .page-title {\n      font-family: 'Syne', sans-serif; font-weight: 800;\n      font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.1;\n      color: var(--ink); margin-bottom: 16px;\n    }\n\n    .page-title em {\n      font-style: normal;\n      background: linear-gradient(90deg, var(--magenta), var(--teal));\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n\n    .page-subtitle {\n      font-size: 1.05rem; line-height: 1.7; color: var(--ink-mid);\n      font-weight: 300; max-width: 580px; margin: 0 auto;\n    }\n\n    \/* \u2500\u2500 FILTERS + SEARCH \u2500\u2500 *\/\n    .controls {\n      padding: 36px 5vw 0;\n      display: flex; align-items: center; justify-content: space-between;\n      flex-wrap: wrap; gap: 16px;\n    }\n\n    .filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n\n    .filter-label {\n      font-size: .78rem; font-weight: 600; color: var(--ink-light);\n      letter-spacing: 1px; text-transform: uppercase; margin-right: 4px;\n    }\n\n    .filter-btn {\n      background: white; border: 1.5px solid rgba(233,30,140,.2);\n      color: var(--ink-mid); border-radius: 50px;\n      padding: 8px 18px; font-size: .84rem; font-weight: 500;\n      cursor: pointer; font-family: 'DM Sans', sans-serif; transition: all .2s;\n    }\n    .filter-btn:hover { border-color: var(--magenta); color: var(--magenta); }\n    .filter-btn.active {\n      background: var(--magenta); color: white; border-color: var(--magenta);\n      box-shadow: 0 4px 16px rgba(233,30,140,.3);\n    }\n\n    .search-box {\n      display: flex; align-items: center; gap: 10px;\n      background: white; border: 1.5px solid rgba(233,30,140,.2);\n      border-radius: 50px; padding: 10px 18px;\n      width: 260px; max-width: 100%;\n      transition: border-color .2s, box-shadow .2s;\n    }\n    .search-box:focus-within { border-color: var(--magenta); box-shadow: 0 4px 16px rgba(233,30,140,.15); }\n    .search-box svg { flex-shrink: 0; color: var(--ink-light); }\n    .search-box input {\n      border: none; outline: none; background: transparent;\n      font-family: 'DM Sans', sans-serif; font-size: .88rem;\n      color: var(--ink); width: 100%;\n    }\n    .search-box input::placeholder { color: var(--ink-light); }\n\n    \/* \u2500\u2500 FEATURED NEWS \u2500\u2500 *\/\n    .featured-section { padding: 48px 5vw 0; }\n\n    .featured-card {\n      display: grid; grid-template-columns: 1.1fr 1fr; gap: 0;\n      background: white; border-radius: 24px; overflow: hidden;\n      border: 1.5px solid rgba(233,30,140,.15);\n      box-shadow: 0 8px 48px rgba(233,30,140,.10);\n      transition: box-shadow .3s, transform .3s;\n      text-decoration: none; color: inherit;\n    }\n    .featured-card:hover {\n      box-shadow: 0 20px 64px rgba(233,30,140,.18);\n      transform: translateY(-4px);\n    }\n\n    .featured-img {\n      min-height: 380px;\n      background: linear-gradient(135deg, var(--magenta) 0%, var(--teal) 100%);\n      display: flex; align-items: center; justify-content: center;\n      font-size: 5rem; position: relative; overflow: hidden;\n    }\n\n    \/* placeholder pattern *\/\n    .featured-img::before {\n      content: '';\n      position: absolute; inset: 0;\n      background: radial-gradient(circle at 30% 40%, rgba(255,255,255,.15) 0%, transparent 60%),\n                  radial-gradient(circle at 75% 75%, rgba(0,0,0,.15) 0%, transparent 50%);\n    }\n\n    .featured-img img {\n      width: 100%; height: 100%; object-fit: cover;\n      position: absolute; inset: 0;\n    }\n\n    .featured-badge {\n      position: absolute; top: 20px; left: 20px;\n      background: white; color: var(--magenta);\n      font-size: .75rem; font-weight: 700; letter-spacing: .5px;\n      padding: 6px 14px; border-radius: 50px;\n      box-shadow: 0 2px 12px rgba(0,0,0,.12);\n    }\n\n    .featured-body {\n      padding: 44px 40px;\n      display: flex; flex-direction: column; justify-content: center;\n    }\n\n    .news-category-tag {\n      display: inline-flex; align-items: center; gap: 6px;\n      background: var(--magenta-pale); color: var(--magenta);\n      font-size: .75rem; font-weight: 700; letter-spacing: .5px;\n      text-transform: uppercase; border-radius: 50px;\n      padding: 5px 14px; margin-bottom: 16px; width: fit-content;\n    }\n    .news-category-tag::before {\n      content: ''; width: 6px; height: 6px;\n      background: var(--magenta); border-radius: 50%;\n    }\n\n    .featured-title {\n      font-family: 'Syne', sans-serif; font-weight: 800;\n      font-size: clamp(1.3rem, 2.5vw, 1.9rem); line-height: 1.25;\n      color: var(--ink); margin-bottom: 14px;\n    }\n\n    .featured-excerpt {\n      font-size: .95rem; line-height: 1.75; color: var(--ink-mid);\n      font-weight: 300; margin-bottom: 28px;\n    }\n\n    .featured-meta {\n      display: flex; align-items: center; gap: 16px;\n      flex-wrap: wrap; margin-bottom: 28px;\n    }\n\n    .meta-author {\n      display: flex; align-items: center; gap: 8px;\n    }\n\n    .author-avatar {\n      width: 34px; height: 34px; border-radius: 50%;\n      background: linear-gradient(135deg, var(--magenta), var(--teal));\n      display: grid; place-items: center;\n      font-family: 'Syne', sans-serif; font-weight: 800;\n      font-size: .7rem; color: white; flex-shrink: 0;\n    }\n\n    .author-name { font-size: .85rem; font-weight: 600; color: var(--ink); }\n    .author-role { font-size: .75rem; color: var(--ink-light); }\n\n    .meta-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--ink-light); }\n\n    .meta-date { font-size: .82rem; color: var(--ink-light); }\n    .meta-read { font-size: .82rem; color: var(--ink-light); }\n\n    .read-link {\n      display: inline-flex; align-items: center; gap: 8px;\n      background: linear-gradient(135deg, var(--magenta), #c4146e);\n      color: white; border-radius: 50px; padding: 12px 28px;\n      font-weight: 600; font-size: .9rem; text-decoration: none;\n      box-shadow: 0 4px 20px rgba(233,30,140,.3);\n      width: fit-content; transition: transform .2s, box-shadow .2s;\n    }\n    .read-link:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(233,30,140,.45); }\n\n    \/* \u2500\u2500 NEWS GRID \u2500\u2500 *\/\n    .news-section { padding: 52px 5vw 90px; }\n\n    .section-header {\n      display: flex; align-items: center; justify-content: space-between;\n      margin-bottom: 32px; flex-wrap: wrap; gap: 12px;\n    }\n\n    .section-title-sm {\n      font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1.15rem;\n      color: var(--ink); display: flex; align-items: center; gap: 12px;\n    }\n    .section-title-sm::before {\n      content: ''; display: block; width: 20px; height: 4px;\n      border-radius: 2px; background: linear-gradient(90deg, var(--magenta), var(--teal));\n    }\n\n    .view-all {\n      display: flex; align-items: center; gap: 6px;\n      color: var(--magenta); font-size: .88rem; font-weight: 600;\n      text-decoration: none; transition: gap .15s;\n    }\n    .view-all:hover { gap: 10px; }\n\n    .news-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n      gap: 24px;\n    }\n\n    \/* \u2500\u2500 NEWS CARD \u2500\u2500 *\/\n    .news-card {\n      background: white; border-radius: var(--radius);\n      overflow: hidden;\n      border: 1.5px solid rgba(233,30,140,.1);\n      box-shadow: 0 2px 16px rgba(233,30,140,.06);\n      transition: transform .25s, box-shadow .25s, border-color .2s;\n      display: flex; flex-direction: column;\n      text-decoration: none; color: inherit;\n      position: relative;\n    }\n    .news-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 16px 48px rgba(233,30,140,.14);\n      border-color: var(--magenta-mid);\n    }\n    .news-card::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; height: 3px;\n      background: linear-gradient(90deg, var(--magenta), var(--teal));\n      opacity: 0; transition: opacity .25s;\n    }\n    .news-card:hover::before { opacity: 1; }\n\n    .card-img {\n      width: 100%; aspect-ratio: 16\/9; overflow: hidden;\n      background: linear-gradient(135deg, var(--magenta-pale), var(--teal-pale));\n      display: flex; align-items: center; justify-content: center;\n      font-size: 2.5rem; position: relative; flex-shrink: 0;\n    }\n\n    .card-img img {\n      width: 100%; height: 100%; object-fit: cover;\n      transition: transform .35s ease;\n    }\n    .news-card:hover .card-img img { transform: scale(1.05); }\n\n    .card-img-placeholder {\n      position: absolute; inset: 0;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 2.8rem;\n    }\n\n    .card-category {\n      position: absolute; bottom: 12px; left: 12px;\n      background: rgba(255,255,255,.92); color: var(--magenta);\n      font-size: .7rem; font-weight: 700; letter-spacing: .5px;\n      text-transform: uppercase; border-radius: 50px;\n      padding: 4px 12px;\n      box-shadow: 0 2px 8px rgba(0,0,0,.08);\n    }\n\n    .card-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }\n\n    .card-meta {\n      display: flex; align-items: center; gap: 10px;\n      font-size: .75rem; color: var(--ink-light); margin-bottom: 10px;\n      flex-wrap: wrap;\n    }\n    .card-meta-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--ink-light); }\n\n    .card-title {\n      font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1rem;\n      color: var(--ink); line-height: 1.4; margin-bottom: 10px;\n      flex: 1;\n    }\n\n    .card-excerpt {\n      font-size: .84rem; line-height: 1.65; color: var(--ink-mid);\n      font-weight: 300; margin-bottom: 18px;\n      display: -webkit-box; -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical; overflow: hidden;\n    }\n\n    .card-footer {\n      display: flex; align-items: center; justify-content: space-between;\n      padding-top: 14px;\n      border-top: 1px solid rgba(233,30,140,.08);\n    }\n\n    .card-author {\n      display: flex; align-items: center; gap: 8px;\n    }\n\n    .card-avatar {\n      width: 28px; height: 28px; border-radius: 50%;\n      background: linear-gradient(135deg, var(--magenta), var(--teal));\n      display: grid; place-items: center;\n      font-family: 'Syne', sans-serif; font-weight: 800;\n      font-size: .58rem; color: white; flex-shrink: 0;\n    }\n\n    .card-author-name { font-size: .78rem; font-weight: 600; color: var(--ink-mid); }\n\n    .card-read-link {\n      font-size: .78rem; font-weight: 600; color: var(--magenta);\n      text-decoration: none; display: flex; align-items: center; gap: 4px;\n      transition: gap .15s;\n    }\n    .card-read-link:hover { gap: 8px; }\n\n    \/* \u2500\u2500 NEWSLETTER \u2500\u2500 *\/\n    .newsletter-band {\n      background: linear-gradient(135deg, var(--magenta-pale) 0%, var(--teal-pale) 60%, var(--violet-soft) 100%);\n      padding: 64px 5vw;\n    }\n\n    .newsletter-inner {\n      max-width: 560px; margin: 0 auto; text-align: center;\n    }\n\n    .newsletter-icon {\n      width: 60px; height: 60px; border-radius: 18px; margin: 0 auto 20px;\n      background: linear-gradient(135deg, var(--magenta), var(--teal));\n      display: grid; place-items: center; font-size: 1.6rem;\n      box-shadow: 0 8px 24px rgba(233,30,140,.3);\n    }\n\n    .newsletter-inner h2 {\n      font-family: 'Syne', sans-serif; font-weight: 800;\n      font-size: clamp(1.5rem, 3vw, 2.2rem); color: var(--ink);\n      margin-bottom: 10px;\n    }\n\n    .newsletter-inner p {\n      font-size: .95rem; color: var(--ink-mid); line-height: 1.65;\n      margin-bottom: 28px;\n    }\n\n    .newsletter-form {\n      display: flex; gap: 0; max-width: 460px; margin: 0 auto;\n      background: white; border-radius: 50px; overflow: hidden;\n      box-shadow: 0 8px 32px rgba(233,30,140,.15);\n      border: 1.5px solid rgba(233,30,140,.2);\n    }\n\n    .newsletter-form input {\n      flex: 1; border: none; outline: none; padding: 14px 22px;\n      font-family: 'DM Sans', sans-serif; font-size: .9rem;\n      color: var(--ink); background: transparent;\n    }\n    .newsletter-form input::placeholder { color: var(--ink-light); }\n\n    .newsletter-form button {\n      background: linear-gradient(135deg, var(--magenta), #c4146e);\n      color: white; border: none; cursor: pointer;\n      padding: 14px 28px; font-family: 'Syne', sans-serif;\n      font-weight: 700; font-size: .88rem; border-radius: 0 50px 50px 0;\n      transition: opacity .2s;\n      white-space: nowrap;\n    }\n    .newsletter-form button:hover { opacity: .9; }\n\n    \/* \u2500\u2500 PAGINATION \u2500\u2500 *\/\n    .pagination {\n      display: flex; align-items: center; justify-content: center;\n      gap: 8px; padding: 0 5vw 80px;\n      flex-wrap: wrap;\n    }\n\n    .page-btn {\n      width: 40px; height: 40px; border-radius: 10px; border: none;\n      background: white; color: var(--ink-mid);\n      font-family: 'Syne', sans-serif; font-weight: 700; font-size: .88rem;\n      cursor: pointer; border: 1.5px solid rgba(233,30,140,.15);\n      display: grid; place-items: center; transition: all .2s;\n    }\n    .page-btn:hover { border-color: var(--magenta); color: var(--magenta); }\n    .page-btn.active {\n      background: var(--magenta); color: white;\n      border-color: var(--magenta);\n      box-shadow: 0 4px 16px rgba(233,30,140,.3);\n    }\n    .page-btn.wide { width: auto; padding: 0 16px; }\n\n    \/* \u2500\u2500 SIDEBAR TOPICS \u2500\u2500 *\/\n    .layout-with-sidebar {\n      display: grid; grid-template-columns: 1fr 300px; gap: 40px;\n      padding: 52px 5vw 0;\n      align-items: start;\n    }\n\n    .sidebar { display: flex; flex-direction: column; gap: 28px; }\n\n    .sidebar-widget {\n      background: white; border-radius: var(--radius); padding: 24px;\n      border: 1.5px solid rgba(233,30,140,.1);\n      box-shadow: 0 2px 16px rgba(233,30,140,.06);\n    }\n\n    .widget-title {\n      font-family: 'Syne', sans-serif; font-weight: 700; font-size: .95rem;\n      color: var(--ink); margin-bottom: 18px;\n      display: flex; align-items: center; gap: 8px;\n    }\n    .widget-title::before {\n      content: ''; width: 14px; height: 3px; border-radius: 2px;\n      background: linear-gradient(90deg, var(--magenta), var(--teal));\n    }\n\n    .topic-list { display: flex; flex-direction: column; gap: 8px; }\n\n    .topic-item {\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 9px 14px; border-radius: 10px;\n      background: var(--sand); cursor: pointer;\n      transition: background .2s; text-decoration: none;\n    }\n    .topic-item:hover { background: var(--magenta-pale); }\n\n    .topic-name { font-size: .85rem; font-weight: 500; color: var(--ink-mid); }\n    .topic-count {\n      background: white; color: var(--magenta);\n      font-size: .72rem; font-weight: 700;\n      border-radius: 50px; padding: 2px 9px;\n    }\n\n    .recent-list { display: flex; flex-direction: column; gap: 14px; }\n\n    .recent-item {\n      display: flex; gap: 12px; text-decoration: none; color: inherit;\n      transition: opacity .2s;\n    }\n    .recent-item:hover { opacity: .75; }\n\n    .recent-thumb {\n      width: 52px; height: 52px; border-radius: 10px; flex-shrink: 0;\n      background: linear-gradient(135deg, var(--magenta-pale), var(--teal-pale));\n      display: grid; place-items: center; font-size: 1.3rem; overflow: hidden;\n    }\n    .recent-thumb img { width: 100%; height: 100%; object-fit: cover; }\n\n    .recent-body {}\n    .recent-title {\n      font-size: .82rem; font-weight: 600; color: var(--ink); line-height: 1.4;\n      margin-bottom: 3px;\n    }\n    .recent-date { font-size: .73rem; color: var(--ink-light); }\n\n    .tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }\n\n    .tag {\n      background: var(--sand); color: var(--ink-mid);\n      font-size: .78rem; font-weight: 500; border-radius: 50px;\n      padding: 6px 14px; cursor: pointer; transition: all .2s;\n      border: 1px solid transparent;\n    }\n    .tag:hover { background: var(--magenta-pale); color: var(--magenta); border-color: var(--magenta-pale); }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n      background: var(--ink); color: rgba(255,255,255,.7);\n      padding: 60px 5vw 30px;\n    }\n\n    .footer-top {\n      display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px;\n      padding-bottom: 48px;\n      border-bottom: 1px solid rgba(255,255,255,.08);\n    }\n\n    .footer-brand p { font-size: .88rem; line-height: 1.65; margin-top: 14px; max-width: 320px; }\n\n    .footer-col h4 {\n      font-family: 'Syne', sans-serif; font-weight: 700; color: white;\n      font-size: .9rem; margin-bottom: 16px;\n    }\n    .footer-col a {\n      display: block; color: rgba(255,255,255,.6);\n      font-size: .86rem; text-decoration: none; margin-bottom: 10px; transition: color .2s;\n    }\n    .footer-col a:hover { color: var(--magenta-mid); }\n\n    .footer-bottom {\n      display: flex; align-items: center; justify-content: space-between;\n      padding-top: 28px; flex-wrap: wrap; gap: 12px;\n    }\n    .footer-bottom p { font-size: .8rem; }\n\n    .footer-socials { display: flex; gap: 12px; }\n    .social-btn {\n      width: 36px; height: 36px; border-radius: 50%;\n      background: rgba(255,255,255,.08);\n      display: grid; place-items: center; text-decoration: none;\n      transition: background .2s; font-size: .9rem; color: white;\n    }\n    .social-btn:hover { background: var(--magenta); }\n\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(20px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    .page-header > * { animation: fadeUp .6s ease both; }\n    .page-header > *:nth-child(2) { animation-delay: .1s; }\n    .page-header > *:nth-child(3) { animation-delay: .2s; }\n\n    .news-card { animation: fadeUp .5s ease both; }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 1100px) {\n      .layout-with-sidebar { grid-template-columns: 1fr; }\n      .sidebar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 20px; }\n    }\n    @media (max-width: 860px) {\n      .featured-card { grid-template-columns: 1fr; }\n      .featured-img { min-height: 220px; }\n      .featured-body { padding: 28px 24px; }\n      .footer-top { grid-template-columns: 1fr 1fr; }\n    }\n    @media (max-width: 600px) {\n      .nav-links { display: none; }\n      .controls { flex-direction: column; align-items: flex-start; }\n      .search-box { width: 100%; }\n      .footer-top { grid-template-columns: 1fr; }\n      .news-grid { grid-template-columns: 1fr; }\n      .sidebar { grid-template-columns: 1fr; }\n    }\n\n    .news-card[data-hidden=\"true\"] { display: none; }\n  <\/style>\n\n\n\n<header class=\"page-header\">\n \n  <div class=\"page-tag\">Comunidad \u00b7 Eventos \u00b7 Ciencia<\/div>\n  <h1 class=\"page-title\"><em>Noticias<\/em><\/h1>\n  <p class=\"page-subtitle\">\n    Mantente al d\u00eda con los logros, eventos y novedades de las mujeres que lideran la computaci\u00f3n de alto rendimiento en Am\u00e9rica Latina.\n  <\/p>\n<\/header>\n\n\n\n<div class=\"breadcrumb\">\n  <a href=\"https:\/\/lawhpc.org\/\">Inicio<\/a>\n  <span>\u203a<\/span>\n  <span>Noticias<\/span>\n<\/div>\n\n<div class=\"controls\">\n  <div class=\"filters\">\n    <span class=\"filter-label\">Categor\u00eda<\/span>\n\n    <button class=\"filter-btn active\" data-filter=\"todas\">Todas<\/button>\n    <button class=\"filter-btn\" data-filter=\"eventos\">Eventos<\/button>\n    <button class=\"filter-btn\" data-filter=\"investigacion\">Investigaci\u00f3n<\/button>\n    <button class=\"filter-btn\" data-filter=\"comunidad\">Comunidad<\/button>\n    <button class=\"filter-btn\" data-filter=\"logros\">Logros<\/button>\n\n  <\/div>\n\n  <div class=\"search-box\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n      <circle cx=\"6.5\" cy=\"6.5\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.5\"><\/circle>\n      <path d=\"M10.5 10.5L14 14\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><\/path>\n    <\/svg>\n    <input type=\"text\" id=\"searchInput\" placeholder=\"Buscar noticias\u2026\">\n  <\/div>\n<\/div>\n\n\n\n<div class=\"featured-section\">\n  <a id=\"featured-card\" href=\"\/\" class=\"featured-card\">\n    <div class=\"featured-img\"><\/div>\n\n    <div class=\"featured-body\">\n      <div class=\"news-category-tag\"><\/div>\n      <h2 class=\"featured-title\"><\/h2>\n      <p class=\"featured-excerpt\"><\/p>\n\n      <div class=\"featured-meta\">\n        <div class=\"meta-author\">\n          <div class=\"author-avatar\"><\/div>\n          <div>\n            <div class=\"author-name\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"meta-dot\"><\/div>\n      <\/div>\n\n      <span class=\"read-link\">Leer art\u00edculo completo \u2192<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<script>\nfunction cargarNoticiaDestacada() {\n\n  const news = Array.from(document.querySelectorAll(\".news-card\"));\n  if (news.length === 0) return;\n\n  \/\/ ordenar por fecha (m\u00e1s reciente primero)\n  news.sort((a, b) => new Date(b.dataset.date) - new Date(a.dataset.date));\n\n  const latest = news[0];\n\n  \/\/ obtener datos\n  const title = latest.querySelector(\".card-title\")?.textContent || \"\";\n  const excerpt = latest.querySelector(\".card-excerpt\")?.textContent || \"\";\n  const category = latest.dataset.category || \"\";\n  const author = latest.querySelector(\".card-author-name\")?.textContent || \"\";\n  const link = latest.href || \"#\";\n\n  \/\/  IMAGEN (m\u00e1s precisa y segura)\n const imgElement = latest.querySelector(\"img\");\n\nlet img = \"\";\n\nif(imgElement){\n\n  img =\n    imgElement.getAttribute(\"src\") ||\n    imgElement.getAttribute(\"data-src\") ||\n    imgElement.getAttribute(\"data-lazy-src\") ||\n    imgElement.src ||\n    \"\";\n\n}\n\n  const defaultImg = \"http:\/\/148.202.167.69\/cms\/wp-content\/uploads\/2026\/04\/WS_LAWHP2026_2-scaled.png\";\n\n  const finalImg = img && img !== \"\" ? img : defaultImg;\n\n  \/\/ insertar en el bloque destacado\n  document.querySelector(\"#featured-card\").href = link;\n\n  document.querySelector(\".featured-title\").textContent = title;\n  document.querySelector(\".featured-excerpt\").textContent = excerpt;\n  document.querySelector(\".news-category-tag\").textContent = category;\n  document.querySelector(\".author-name\").textContent = author;\n\n  const featuredImg = document.querySelector(\".featured-img\");\n\n  \/\/  evitar parpadeo (primero limpiar, luego aplicar)\n  featuredImg.style.backgroundImage = \"none\";\n\n  setTimeout(() => {\n    featuredImg.style.backgroundImage = `url('${finalImg}')`;\n    featuredImg.style.backgroundSize = \"cover\";\n    featuredImg.style.backgroundPosition = \"center\";\n  }, 50);\n}\n\n\/\/ Ejecutar cuando cargue el DOM\ndocument.addEventListener(\"DOMContentLoaded\", cargarNoticiaDestacada);\n<\/script>\n\n\n\n<div class=\"layout-with-sidebar\">\n\n  <!-- MAIN -->\n  <div class=\"main-content\">\n\n    <div class=\"section-header\">\n      <h2 class=\"section-title-sm\">\u00daltimas Noticias<\/h2>\n      <a href=\"\/\" class=\"view-all\">Ver archivo \u2192<\/a>\n    <\/div>\n\n\n   \n\n    <!-- GRID -->\n    <div class=\"news-grid\" id=\"newsGrid\">\n      \r\n<a href=\"https:\/\/lawhpc.org\/index.php\/2026\/05\/06\/se-confirma-el-ws-de-whpc-lac\/\" \r\n   class=\"news-card\" \r\n   data-category=\"eventos\" \r\n   data-title=\"se confirma el ws de whpc-lac\"\r\n   data-date=\"2026-05-06\">\r\n\r\n    <!-- IMAGEN -->\r\n    <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/lawhpc.org\/wp-content\/uploads\/2026\/05\/Notas_LACWHPC-2.png\" alt=\"Se confirma el WS de WHPC-LAC\">\r\n        <span class=\"card-category\">Eventos<\/span>\r\n    <\/div>\r\n\r\n    <!-- CONTENIDO -->\r\n    <div class=\"card-body\">\r\n\r\n        <div class=\"card-meta\">\r\n            <span>\ud83d\udcc5 06 May 2026<\/span>\r\n            <span class=\"card-meta-dot\"><\/span>\r\n            <span>\u23f1 2 min<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"card-title\">Se confirma el WS de WHPC-LAC<\/h3>\r\n\r\n        <p class=\"card-excerpt\">\r\n            CARLA 2026 anuncia el workshop WHPC-LAC para impulsar la participaci\u00f3n de mujeres en HPC En el marco de la Latin...        <\/p>\r\n\r\n        <div class=\"card-footer\">\r\n            <div class=\"card-author\">\r\n                <div class=\"card-avatar\">\r\n                    AU                <\/div>\r\n                <span class=\"card-author-name\">Autor Noticias<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"card-read-link\">Leer \u2192<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/a>\r\n\r\n\r\n<a href=\"https:\/\/lawhpc.org\/index.php\/2025\/10\/03\/exito-en-el-workshop-latin-american-women-in-hpc-en-carla-2025\/\" \r\n   class=\"news-card\" \r\n   data-category=\"eventos\" \r\n   data-title=\"\u00e9xito en el workshop \u201clatin american women in hpc\u201d en carla 2025\"\r\n   data-date=\"2025-10-03\">\r\n\r\n    <!-- IMAGEN -->\r\n    <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/lawhpc.org\/wp-content\/uploads\/2025\/10\/Nota_LACWHPC_CARLA25.png\" alt=\"\u00c9xito en el Workshop \u201cLatin American Women in HPC\u201d en CARLA 2025\">\r\n        <span class=\"card-category\">Eventos<\/span>\r\n    <\/div>\r\n\r\n    <!-- CONTENIDO -->\r\n    <div class=\"card-body\">\r\n\r\n        <div class=\"card-meta\">\r\n            <span>\ud83d\udcc5 03 Oct 2025<\/span>\r\n            <span class=\"card-meta-dot\"><\/span>\r\n            <span>\u23f1 4 min<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"card-title\">\u00c9xito en el Workshop \u201cLatin American Women in HPC\u201d en CARLA 2025<\/h3>\r\n\r\n        <p class=\"card-excerpt\">\r\n            Se realiz\u00f3 con \u00e9xito en el Workshop \u201cLatin American Women in HPC\u201d en CARLA 2025        <\/p>\r\n\r\n        <div class=\"card-footer\">\r\n            <div class=\"card-author\">\r\n                <div class=\"card-avatar\">\r\n                    AU                <\/div>\r\n                <span class=\"card-author-name\">Autor Noticias<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"card-read-link\">Leer \u2192<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/a>\r\n\r\n\r\n<a href=\"https:\/\/lawhpc.org\/index.php\/2025\/09\/29\/carla-osthoff-liderazgo-y-contribuciones-en-carla-2025\/\" \r\n   class=\"news-card\" \r\n   data-category=\"comunidad,logros,sin-categoria\" \r\n   data-title=\"carla osthoff: liderazgo y contribuciones en carla 2025\"\r\n   data-date=\"2025-09-29\">\r\n\r\n    <!-- IMAGEN -->\r\n    <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/lawhpc.org\/wp-content\/uploads\/2026\/05\/Nota_CarlaO_CARLA2026.png\" alt=\"Carla Osthoff: liderazgo y contribuciones en CARLA 2025\">\r\n        <span class=\"card-category\">Comunidad<\/span>\r\n    <\/div>\r\n\r\n    <!-- CONTENIDO -->\r\n    <div class=\"card-body\">\r\n\r\n        <div class=\"card-meta\">\r\n            <span>\ud83d\udcc5 29 Sep 2025<\/span>\r\n            <span class=\"card-meta-dot\"><\/span>\r\n            <span>\u23f1 2 min<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"card-title\">Carla Osthoff: liderazgo y contribuciones en CARLA 2025<\/h3>\r\n\r\n        <p class=\"card-excerpt\">\r\n            Durante la Latin American Conference on High Performance Computing (CARLA 2025), Carla Osthoff (LNCC, Brasil) tuvo una destacada participaci\u00f3n que...        <\/p>\r\n\r\n        <div class=\"card-footer\">\r\n            <div class=\"card-author\">\r\n                <div class=\"card-avatar\">\r\n                    AU                <\/div>\r\n                <span class=\"card-author-name\">Autor Noticias<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"card-read-link\">Leer \u2192<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/a>\r\n\r\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- SIDEBAR -->\n  <aside class=\"sidebar\">\n\n    <!-- CATEGOR\u00cdAS -->\n    <div class=\"sidebar-widget collapsible\">\n      <div class=\"widget-header\">\n        <h3 class=\"widget-title\">Categor\u00edas<\/h3>\n        <span class=\"toggle-btn\">\u2212<\/span>\n      <\/div>\n\n      <div class=\"widget-content\">\n        <div class=\"topic-list\">\n          <a href=\"\/\" class=\"topic-item\" data-filter=\"todas\">\ud83d\udcf0 Todas<\/a>\n          <a href=\"\/\" class=\"topic-item\" data-filter=\"eventos\">\ud83d\uddd3 Eventos<\/a>\n          <a href=\"\/\" class=\"topic-item\" data-filter=\"investigacion\">\ud83d\udd2c Investigaci\u00f3n<\/a>\n          <a href=\"\/\" class=\"topic-item\" data-filter=\"comunidad\">\ud83c\udf10 Comunidad<\/a>\n          <a href=\"\/\" class=\"topic-item\" data-filter=\"logros\">\ud83c\udfc6 Logros<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- NOTICIAS RECIENTES -->\n    <div class=\"sidebar-widget collapsible\">\n      <div class=\"widget-header\">\n        <h3 class=\"widget-title\">Noticias Recientes<\/h3>\n        <span class=\"toggle-btn\">\u2212<\/span>\n      <\/div>\n\n      <div class=\"widget-content\">\n        <div class=\"recent-list\"><\/div>\n      <\/div>\n    <\/div>\n\n  <\/aside>\n<\/div>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\n  function formatearFecha(fecha) {\n    if (!fecha) return \"Sin fecha\";\n    const d = new Date(fecha);\n    return isNaN(d)\n      ? fecha\n      : d.toLocaleDateString(\"es-ES\", {\n          day: \"numeric\",\n          month: \"long\",\n          year: \"numeric\"\n        });\n  }\n\n  function cargarNoticiasRecientes() {\n    const news = Array.from(document.querySelectorAll(\".news-card\"));\n    const container = document.querySelector(\".recent-list\");\n\n    if (!container || news.length === 0) return;\n\n    news.sort((a, b) => new Date(b.dataset.date) - new Date(a.dataset.date));\n\n    const recientes = news.slice(0, 4);\n    container.innerHTML = \"\";\n\n    const emojiMap = {\n      eventos: \"\ud83d\uddd3\",\n      investigacion: \"\ud83d\udd2c\",\n      comunidad: \"\ud83c\udf10\",\n      logros: \"\ud83c\udfc6\"\n    };\n\n    recientes.forEach(item => {\n      const title = item.dataset.title || \"Sin t\u00edtulo\";\n      const date = item.dataset.date || \"\";\n      const category = (item.dataset.category || \"\").split(\",\")[0];\n      const link = item.getAttribute(\"href\") || \"#\";\n\n      const emoji = emojiMap[category] || \"\ud83d\udcf0\";\n\n      container.innerHTML += `\n        <a href=\"${link}\" class=\"recent-item\">\n          <div class=\"recent-thumb\">${emoji}<\/div>\n          <div class=\"recent-body\">\n            <div class=\"recent-title\">${title}<\/div>\n            <div class=\"recent-date\">${formatearFecha(date)}<\/div>\n          <\/div>\n        <\/a>\n      `;\n    });\n  }\n\n  function filtrarNoticias(filtro, busqueda = \"\") {\n    filtro = (filtro || \"todas\").toLowerCase();\n    busqueda = (busqueda || \"\").toLowerCase();\n\n    document.querySelectorAll(\".news-card\").forEach(card => {\n\n      const categoria = (card.dataset.category || \"\").toLowerCase();\n      const titulo = (card.dataset.title || \"\").toLowerCase();\n\n      const matchFiltro =\n        filtro === \"todas\" || categoria.includes(filtro);\n\n      const matchBusqueda =\n        !busqueda || titulo.includes(busqueda) || categoria.includes(busqueda);\n\n      card.style.display = (matchFiltro && matchBusqueda) ? \"block\" : \"none\";\n    });\n  }\n\n  function activarBoton(filtro) {\n    document.querySelectorAll(\".filter-btn, .topic-item\").forEach(btn => {\n      btn.classList.remove(\"active\");\n      if (btn.dataset.filter === filtro) {\n        btn.classList.add(\"active\");\n      }\n    });\n  }\n\n  let filtroActual = \"todas\";\n\n  function activarEventos() {\n\n    document.querySelectorAll(\".filter-btn\").forEach(btn => {\n      btn.addEventListener(\"click\", () => {\n        filtroActual = btn.dataset.filter;\n        activarBoton(filtroActual);\n        filtrarNoticias(filtroActual, document.getElementById(\"searchInput\")?.value);\n      });\n    });\n\n    document.querySelectorAll(\".topic-item\").forEach(btn => {\n      btn.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        filtroActual = btn.dataset.filter;\n        activarBoton(filtroActual);\n        filtrarNoticias(filtroActual, document.getElementById(\"searchInput\")?.value);\n      });\n    });\n\n    const search = document.getElementById(\"searchInput\");\n    if (search) {\n      search.addEventListener(\"input\", function () {\n        filtrarNoticias(filtroActual, this.value);\n      });\n    }\n  }\n\n  function init() {\n    const news = document.querySelectorAll(\".news-card\");\n\n    \/\/  CAMBIO CLAVE: asegurar que ya hay contenido real\n    if (news.length === 0) return false;\n\n    \/\/  evitar ejecuciones m\u00faltiples\n    if (document.body.classList.contains(\"init-loaded\")) return true;\n    document.body.classList.add(\"init-loaded\");\n\n    cargarNoticiasRecientes();\n    cargarNoticiaDestacada();\n    activarEventos();\n    filtrarNoticias(\"todas\");\n    activarBoton(\"todas\");\n\n    return true;\n  }\n\n  let intentos = 0;\n\n  const intervalo = setInterval(() => {\n    const listo = init();\n\n    if (listo || intentos > 15) {\n      clearInterval(intervalo);\n    }\n\n    intentos++;\n  }, 300);\n\n});\n<\/script>\n\n\n\n\n\n<script>\n  \/\/ tu JS\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Noticias \u00b7 LA-WHPC Comunidad \u00b7 Eventos \u00b7 Ciencia Noticias Mantente al d\u00eda con los logros, eventos y novedades de las mujeres que lideran la computaci\u00f3n de alto rendimiento en Am\u00e9rica Latina. \u203a Noticias Categor\u00eda Todas Eventos Investigaci\u00f3n Comunidad Logros Leer art\u00edculo completo \u2192 \u00daltimas Noticias Ver archivo \u2192 Categor\u00edas \u2212 \ud83d\udcf0 Todas \ud83d\uddd3 Eventos \ud83d\udd2c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/pages\/426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/comments?post=426"}],"version-history":[{"count":6,"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/pages\/426\/revisions"}],"predecessor-version":[{"id":1407,"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/pages\/426\/revisions\/1407"}],"wp:attachment":[{"href":"https:\/\/lawhpc.org\/index.php\/wp-json\/wp\/v2\/media?parent=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}