/* ==========================================================================
   Pulso Angelino · diseño fresco (última capa de estilos)
   Fondo gris suave, bloques blancos redondeados, navegación clara y tarjetas
   con aire. Pensado primero para celular y adaptado a computador.
   ========================================================================== */
:root{
  --f-bg:#f3f5f9;
  --f-card:#ffffff;
  --f-ink:#0b1324;
  --f-text:#3a4557;
  --f-muted:#6b7689;
  --f-line:#e4e8ef;
  --f-navy:#06173a;
  --f-blue:#0b3b8f;
  --f-blue-soft:#eaf1ff;
  --f-red:#e3101e;
  --f-red-soft:#fff0f1;
  --f-radius:16px;
  --f-radius-sm:10px;
  --f-shadow:0 1px 2px rgba(11,19,36,.04),0 6px 20px rgba(11,19,36,.05);
  --f-shadow-hover:0 2px 4px rgba(11,19,36,.06),0 14px 34px rgba(11,19,36,.10);
}
html body{background:var(--f-bg)}
body main{background:var(--f-bg)}

/* ---------- Cabecera clara y fija ---------- */
body .site-header{position:sticky;top:0;z-index:90;background:#fff;border-top:3px solid var(--f-red);box-shadow:0 1px 0 var(--f-line)}
body .utility{background:var(--f-bg);border-bottom:0}
body .brandbar{height:84px}
body .main-nav{background:#fff!important;border-top:1px solid var(--f-line)!important}
body .main-nav .shell{height:52px}
body .main-nav a{min-height:52px;padding:0 14px;color:var(--f-ink)!important;font-size:13.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border:0!important;position:relative}
body .main-nav a:after{content:""!important;display:block!important;position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--f-red);border-radius:3px 3px 0 0!important;transform:scaleX(0);transition:transform .2s ease}
body .main-nav a:hover{background:transparent!important;color:var(--f-blue)!important}
body .main-nav a:hover:after,body .main-nav .nav-home:after{transform:scaleX(1)}
body .main-nav .nav-home{background:transparent!important;box-shadow:none!important;color:var(--f-ink)!important}
body .main-nav a.nav-jobs{align-self:center;min-height:36px;margin-left:8px;padding:0 14px;background:var(--f-red)!important;color:#fff!important;border-radius:999px!important}
body .main-nav a.nav-jobs:after{display:none!important}
body .main-nav a.nav-jobs:hover{background:#c40d19!important;color:#fff!important}
body .main-nav .nav-tag-nuevo{border-radius:999px!important;padding:2px 7px}
body .header-search input{border-radius:999px!important;background:var(--f-bg)!important;border:1px solid var(--f-line)!important}
body .header-search button{border-radius:999px!important}
body .send{border-radius:999px!important}
body .utility-ads{border-radius:999px!important}

/* Último minuto */
body .ticker{background:#fff;border-bottom:1px solid var(--f-line)}
body .ticker .shell>b{align-self:center!important;height:28px;padding:0 12px!important;border-radius:999px!important}

/* ---------- Encabezados de sección ---------- */
body .editorial-heading{border-top:0!important;padding-top:0!important;margin-bottom:18px!important;align-items:center!important}
body .editorial-heading small{display:inline-flex!important;align-items:center;gap:6px;padding:4px 10px;background:var(--f-red-soft);color:var(--f-red)!important;border-radius:999px!important;font-size:10.5px!important}
body .editorial-heading small:before{content:none!important}
body .editorial-heading h2{margin-top:8px!important;font-size:30px!important}
body .editorial-heading>a{padding:8px 14px!important;border:1px solid var(--f-line)!important;border-radius:999px!important;background:#fff!important;font-size:13px!important}
body .editorial-heading>a:hover{border-color:var(--f-blue)!important}
body .editorial-heading.light small{background:rgba(255,255,255,.12)}
body .editorial-heading.light>a{background:transparent!important;border-color:rgba(255,255,255,.3)!important}
body .section-tabs{gap:8px!important}
body .section-tabs a{border-radius:999px!important;background:#fff!important;border:1px solid var(--f-line)!important;color:var(--f-text)!important}
body .section-tabs a:hover{border-color:var(--f-blue)!important;color:var(--f-blue)!important}

/* ---------- Portada ---------- */
body .newsroom{padding-top:22px!important}
body .newsroom .cover-story{background:var(--f-card)!important;border:0!important;border-radius:var(--f-radius)!important;overflow:hidden!important;box-shadow:var(--f-shadow)!important}
body .cover-story:before{border-radius:0 0 10px 0!important}
body .cover-story-meta .category-pill{border-radius:999px!important;padding:4px 12px!important}
body .newsroom .top-stories{padding:6px 18px 14px!important;background:var(--f-card);border:0!important;border-radius:var(--f-radius);box-shadow:var(--f-shadow)}
body .newsroom .top-stories article>a,body .newsroom .top-story-image{border-radius:var(--f-radius-sm)!important;overflow:hidden}
body .top-stories-label{border-bottom-color:var(--f-line)}
body .briefing{border:0!important;border-radius:var(--f-radius)!important;overflow:hidden!important;box-shadow:var(--f-shadow)!important}
body .briefing header{background:#fff!important}
body .briefing-more,body .briefing>a{background:var(--f-blue)!important}

/* Tarjetas de noticias */
body .modern-news-grid{gap:20px!important;border:0!important}
body .modern-news-card,body .news-card{background:var(--f-card)!important;border:0!important;border-radius:var(--f-radius)!important;padding:0!important;overflow:hidden;box-shadow:var(--f-shadow)!important;transition:transform .2s ease,box-shadow .2s ease}
body .modern-news-card:hover,body .news-card:hover{transform:translateY(-3px);box-shadow:var(--f-shadow-hover)!important}
body .modern-news-image,body .news-card-image{margin:0!important;border-radius:0!important}
body .modern-news-card>div,body .news-card-copy{padding:14px 16px 18px!important}
body .modern-news-card h3,body .news-card h3{font-size:18.5px!important}

/* Publicidad */
body .ads-home__slot{border-radius:var(--f-radius)!important;overflow:hidden}
body .ads-home__slot:not(.ads-home__slot--filled){background:#fff;border:1.5px dashed #c9d2df}
body .ads-home__slot--filled{border:0!important;box-shadow:var(--f-shadow)}

/* Empleos: CTA simple */
body .jobs-cta{margin:4px auto 36px}
body .jobs-cta__link{display:flex;align-items:center;gap:16px;padding:18px 22px;background:linear-gradient(110deg,var(--f-navy),var(--f-blue));color:#fff;border-radius:var(--f-radius);box-shadow:var(--f-shadow);transition:transform .2s ease,box-shadow .2s ease}
body .jobs-cta__link:hover{transform:translateY(-2px);box-shadow:var(--f-shadow-hover);color:#fff}
body .jobs-cta__icon{display:grid;place-items:center;flex:none;width:46px;height:46px;background:rgba(255,255,255,.14);border-radius:12px!important}
body .jobs-cta__text{display:flex;flex-direction:column;gap:2px;min-width:0}
body .jobs-cta__text b{font-family:var(--ed-serif);font-size:21px;font-weight:700;line-height:1.2}
body .jobs-cta__text span{color:#cddafd;font-size:14px}
body .jobs-cta__btn{flex:none;margin-left:auto;padding:11px 18px;background:#fff;color:var(--f-navy);border-radius:999px!important;font-size:14px;font-weight:700}
body .jobs-cta__link:hover .jobs-cta__btn{background:var(--f-red);color:#fff}

/* Clima, Pulso TV y bloques inferiores */
body .weather-section{background:transparent!important}
body .weather-widget{background:#fff!important;border-radius:var(--f-radius)!important;box-shadow:var(--f-shadow)!important;padding:20px 24px!important}
body .weather-location-button{border-radius:999px!important}
body .media-band{margin:12px 0}
body .media-band .shell{position:relative}
body .media-feature article>.video-cover,body .media-feature .video-cover{border-radius:var(--f-radius-sm)!important;overflow:hidden}
body .community-column,body .agenda-column{padding:20px 22px;background:#fff;border-radius:var(--f-radius);box-shadow:var(--f-shadow)}
body .community-feed article>a{border-radius:var(--f-radius-sm)!important;overflow:hidden}
body .agenda-list time{border-radius:12px!important}
body .regional-guide{background:transparent!important}
body .guide-editorial article{background:#fff;border-radius:var(--f-radius);overflow:hidden;box-shadow:var(--f-shadow)}
body .guide-editorial article>a{display:block;border-radius:0!important}
body .guide-editorial article>small,body .guide-editorial article>h3,body .guide-editorial article>p{padding-left:16px!important;padding-right:16px!important}
body .guide-editorial article>p{padding-bottom:16px!important}

/* ---------- Cabeceras de páginas internas (secciones, regiones, eventos, TV, empleos) ---------- */
body .page-head,body .events-hero,body .media-hero{background:linear-gradient(120deg,var(--f-navy),var(--f-blue))!important;border:0!important}
body .page-head .shell,body .events-hero .shell,body .media-hero .shell{position:relative}
body .page-head h1,body .events-hero h1,body .media-hero h1{letter-spacing:-.02em}
body .page-head-row>b{border-radius:var(--f-radius)!important}
body .region-tabs a,body .commune-tabs a,body .video-filters button,body .jobs-pill{border-radius:999px!important}
body .black-button,body .primary-button{border-radius:999px!important}
body .category-lead{background:#fff!important;border-radius:var(--f-radius)!important;overflow:hidden!important;box-shadow:var(--f-shadow)!important;border:0!important}
body .category-news-grid{gap:20px!important}
body .empty{background:#fff!important;border-radius:var(--f-radius)!important;box-shadow:var(--f-shadow)}

/* Eventos */
body .event-page-grid article,body .event-page-lead{background:#fff!important;border:0!important;border-radius:var(--f-radius)!important;overflow:hidden!important;box-shadow:var(--f-shadow)!important;transition:transform .2s ease,box-shadow .2s ease}
body .event-page-grid article:hover{transform:translateY(-3px);box-shadow:var(--f-shadow-hover)!important}
body .event-page-image time{border-radius:12px!important;box-shadow:none!important}

/* Pulso TV */
body .video-catalog-grid article,body .video-catalog-lead{background:#fff;border-radius:var(--f-radius)!important;overflow:hidden;box-shadow:var(--f-shadow);border:0!important}
body .video-catalog-grid .video-cover,body .video-catalog-lead .video-cover{border-radius:0!important}
body .video-catalog-grid article>div,body .video-catalog-lead>div{padding:14px 16px 16px}

/* Empleos (portal) */
body .jobs-hero{border-radius:var(--f-radius)!important;background:linear-gradient(120deg,var(--f-navy),var(--f-blue))!important}
body .jobs-search-box,body .jobs-filter-card,body .job-card{border-radius:var(--f-radius)!important}
body .job-card{box-shadow:var(--f-shadow)!important;border-color:var(--f-line)!important}
body .jobs-hero__post-btn,body .job-contact-btn,body .job-card__link{border-radius:999px!important}

/* ---------- Artículo ---------- */
body .story{background:var(--f-bg)!important}
body .story-media{border-radius:var(--f-radius)!important;overflow:hidden!important;box-shadow:var(--f-shadow)!important}
body .story-media:before{display:none!important}
body .article-body{border-radius:var(--f-radius)!important;box-shadow:var(--f-shadow)!important}
body .article-body:before{display:none!important}
body .story-share{border:0!important;border-radius:var(--f-radius)!important;overflow:hidden;background:var(--f-navy)!important}
body .story-share a,body .story-share button{background:transparent!important}
body .story-summary{border:0!important;border-radius:var(--f-radius)!important;overflow:hidden;background:#fff!important;box-shadow:var(--f-shadow)}
body .story-summary>a{background:var(--f-blue)!important}
body .story-tags span{border-radius:999px!important;background:var(--f-blue-soft)!important;color:var(--f-blue)!important}
body .most-read ol li{border-top-color:var(--f-line)}
body .jobs-strip__card{border-radius:var(--f-radius-sm)!important;border:0!important;background:#fff!important;box-shadow:var(--f-shadow)}
body .related-section .news-grid{gap:20px!important}

/* ---------- Pie ---------- */
body .contact-strip{border-radius:0!important}
body .contact-strip__cta{border-radius:999px!important}

/* ---------- Celular ---------- */
@media(max-width:900px){
  body .jobs-cta__link{flex-wrap:wrap}
  body .community-column,body .agenda-column{padding:16px}
}
@media(max-width:650px){
  body .brandbar{height:62px}
  body .main-nav{border-top:0!important}
  body .main-nav.open{background:#fff!important}
  body .main-nav.open a{color:var(--f-ink)!important;border-bottom:1px solid var(--f-line)!important}
  body .main-nav.open a:after{display:none!important}
  body .main-nav.open a.nav-jobs{margin:10px 0 0;justify-content:center;border-radius:999px!important}
  body .main-nav.open .nav-mobile-extra{border-top-color:var(--f-line)}
  body .nav-mobile-extra small{color:var(--f-muted)!important}
  body .main-nav.open .nav-mobile-extra div a{border:1px solid var(--f-line)!important;border-radius:999px!important}
  body .main-nav.open a.nav-mobile-extra__ads{color:var(--f-blue)!important}
  body .newsroom{padding-top:12px!important}
  body .newsroom .top-stories{padding:4px 14px 12px!important}
  body .editorial-heading h2{font-size:24px!important}
  body .modern-news-grid{gap:14px!important}
  body .modern-news-card{display:grid!important;grid-template-columns:118px minmax(0,1fr);border-radius:14px!important;padding:0!important}
  body .modern-news-card .modern-news-image{height:100%!important;aspect-ratio:auto!important;min-height:110px}
  body .modern-news-card>div{padding:12px 14px!important}
  body .modern-news-card h3{font-size:16.5px!important;margin:4px 0 6px!important}
  body .news-card{border-radius:14px!important;padding:0!important}
  body .news-card-copy{padding:12px 14px!important}
  body .jobs-cta__link{padding:16px;gap:12px}
  body .jobs-cta__icon{width:40px;height:40px}
  body .jobs-cta__text b{font-size:18px}
  body .jobs-cta__text span{font-size:13px}
  body .jobs-cta__btn{width:100%;margin-left:0;text-align:center}
  body .story-media{border-radius:0!important;margin-left:-16px;margin-right:-16px;width:auto!important}
  body .article-body{border-radius:14px!important}
  body .category-lead{border-radius:14px!important}
  body .mobile-toolbar{border-radius:18px 18px 0 0!important;overflow:hidden}
}
@media(min-width:651px){
  body .header-search{display:flex!important;align-items:center;gap:0;margin-left:auto;width:240px!important;position:relative}
  body .header-search input{width:100%!important;height:36px!important;margin:0!important;padding:0 40px 0 16px!important;font-size:13px!important}
  body .header-search button{position:absolute!important;right:4px;top:50%;transform:translateY(-50%);width:30px!important;height:30px!important;display:grid!important;place-items:center;background:transparent!important;border:0!important;color:var(--f-muted)!important}
  body .header-search button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
}
body .editorial-heading.light small{background:var(--f-red)!important;color:#fff!important}
body .weather-heading h2{font-family:var(--ed-serif)!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--f-ink)!important}
body .footer-logo-link{display:inline-block;padding:10px 14px;background:#fff;border-radius:12px!important}
body .footer-logo-link img{display:block;height:auto!important;max-width:200px}
body .main-nav .nav-home:after{transform:scaleX(0)}
body .main-nav a.is-active{color:var(--f-blue)!important}
body .main-nav a.is-active:after,body .main-nav a:hover:after{transform:scaleX(1)!important}
body .section-title{border-top:0!important;border-bottom:0!important}
body .section-title>a{padding:8px 14px!important;border:1px solid var(--f-line)!important;border-radius:999px!important;background:#fff!important;color:var(--f-blue)!important;font-size:13px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
body .section-title small{display:inline-flex!important;padding:4px 10px;background:var(--f-red-soft);color:var(--f-red)!important;border-radius:999px!important}
body .section-title h2:after,body .related-section .section-title:after{display:none!important}
/* Tipografía unificada en eventos, Pulso TV y empleos */
body .event-page-grid h2,body .event-page-grid h2 a,body .event-page-lead h2,body .event-page-lead h2 a,
body .video-catalog-grid h2,body .video-catalog-grid h2 a,body .video-catalog-lead h2,body .video-catalog-lead h2 a,
body .section-title h2,body .events-hero h1,body .media-hero h1,body .video-story h1,body .jobs-hero h1,body .job-detail h1,body .job-card h2,body .job-card h3{font-family:var(--ed-serif)!important;font-weight:700!important;letter-spacing:-.015em!important;color:inherit}
body .event-page-grid h2 a,body .event-page-lead h2 a,body .video-catalog-grid h2 a,body .video-catalog-lead h2 a,body .section-title h2{color:var(--f-ink)!important}
body .section-title h2{font-size:30px!important}
body .section-title:before,body .section-title:after{display:none!important}
body .catalog-tools,body .media-catalog .section-title{border-top:0!important}
body .events-hero .black-button,body .events-hero a[class*=button],body .events-hero-grid a{border-radius:999px!important}
body .video-filters button{background:#fff;border:1px solid var(--f-line)!important}
body .video-filters button.active{background:var(--f-navy)!important;color:#fff!important;border-color:var(--f-navy)!important}
body .event-place{color:var(--f-muted)!important}
body .media-catalog h2,body .job-detail-title,body .job-card__title,body .job-card__title a,body .jobs-hero h1{font-family:var(--ed-serif)!important;font-weight:700!important;letter-spacing:-.015em!important}
body .media-catalog .catalog-tools h2{font-size:30px!important;color:var(--f-ink)!important}
body .job-detail-title{font-size:clamp(28px,3vw,38px)!important;color:var(--f-ink)!important}

/* ---------- Cierre de la noticia: lo más leído + empleos ---------- */
body .story-more{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;align-items:start;margin:8px auto 36px}
body .story-more__card{padding:20px 22px;background:#fff;border-radius:var(--f-radius);box-shadow:var(--f-shadow)}
body .story-more__card header{margin-bottom:6px}
body .story-more__card header small{display:inline-flex;padding:4px 10px;background:var(--f-red-soft);color:var(--f-red)!important;border-radius:999px!important;font-size:10.5px!important;font-weight:700;letter-spacing:.08em}
body .story-more__card header h2{margin:8px 0 0;font-family:var(--ed-serif);font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--f-ink)}
body .story-more__read ol{margin:0;padding:0;list-style:none}
body .story-more__read li+li{border-top:1px solid var(--f-line)}
body .story-more__read a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0}
body .story-more__read b{font-family:var(--ed-serif);font-size:28px;line-height:1;color:var(--f-red)}
body .story-more__read small{display:block;margin-bottom:3px;color:var(--f-red)!important;font-size:10.5px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body .story-more__read strong{display:block;font-family:var(--ed-serif);font-size:17px;font-weight:700;line-height:1.3;color:var(--f-ink)}
body .story-more__read a:hover strong{color:var(--f-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body .story-more__jobs{position:sticky;top:150px;border-top:4px solid var(--f-blue)}
body .story-more__jobs ul{margin:0 0 14px;padding:0;list-style:none}
body .story-more__jobs li+li{border-top:1px solid var(--f-line)}
body .story-more__jobs a{display:flex;flex-direction:column;gap:3px;padding:12px 0}
body .story-more__jobs strong{font-size:15px;font-weight:700;line-height:1.3;color:var(--f-ink)}
body .story-more__jobs span{font-size:12.5px;color:var(--f-muted)}
body .story-more__jobs a:hover strong{color:var(--f-blue)}
body .story-more__button{display:flex!important;justify-content:center;align-items:center;min-height:44px;background:var(--f-blue);color:#fff!important;border-radius:999px!important;font-size:14px;font-weight:700}
body .story-more__button:hover{background:var(--f-navy)}
@media(max-width:900px){
  body .story-more{grid-template-columns:1fr}
  body .story-more__jobs{position:static}
}
@media(max-width:650px){
  body .story-more__card{padding:16px}
  body .story-more__card header h2{font-size:22px}
  body .story-more__read strong{font-size:16px}
}
body .news-card,body .news-card:after,body .news-card-copy{border-bottom:0!important}
body .news-card:after{display:none!important}
body .news-card-copy time{border-top:1px solid var(--f-line)!important;padding-top:10px!important;margin-top:auto}
body .section-title>a{white-space:nowrap}
@media(max-width:650px){
  body .section-title{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:8px 12px!important}
  body .section-title>div{flex:1 1 100%!important}
  body .section-title h2{font-size:24px!important}
}
@media(max-width:650px){
  body .news-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:stretch!important;min-height:0!important;margin-bottom:14px!important}
  body .news-card-image{grid-row:auto!important;height:100%!important;min-height:110px!important;aspect-ratio:auto!important}
  body .news-card-image img{height:100%!important;min-height:110px!important;object-fit:cover!important}
  body .news-card-copy{display:flex!important;flex-direction:column!important;justify-content:center;padding:12px 14px!important}
  body .news-card-copy p{display:none!important}
  body .news-card-copy h3{font-size:16.5px!important;margin:4px 0 6px!important;-webkit-line-clamp:3!important}
  body .news-card-copy time{border-top:0!important;padding-top:0!important;margin:0!important}
  body .related-section .news-grid,body .category-news-grid{display:block!important}
}
