/* Estilos base para noticias (aplica solo cuando tiene clase noticia-page) */ html.noticia-page .portfolio-details .portfolio-details-container { margin-bottom: 18px; position: relative; padding: 18px 0; } html.noticia-page .breadcrumbs { display: none; } html.noticia-page .portfolio-details .portfolio-details-container::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; top: 0; bottom: 0; background: #f1f3f6; z-index: 0; } html.noticia-page .portfolio-details .portfolio-details-carousel { position: relative; z-index: 1; } html.noticia-page .portfolio-details .portfolio-details-carousel .owl-nav, html.noticia-page .portfolio-details .portfolio-details-carousel .owl-dots { text-align: center; } html.noticia-page .portfolio-details .portfolio-details-carousel img { width: 100%; height: 520px; object-fit: contain; background: transparent; border-radius: 0; box-shadow: none; } html.noticia-page .noticias-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; margin-top: 10px; } html.noticia-page .noticias-sidebar { background: #f6f8fb; border: 1px solid #e3e8ef; border-radius: 10px; padding: 16px; } html.noticia-page .noticias-sidebar h3 { font-size: 16px; margin: 0 0 10px 0; color: #24384f; } html.noticia-page .noticias-list { display: grid; gap: 12px; } html.noticia-page .noticias-item { display: grid; grid-template-columns: 72px 1fr; gap: 10px; align-items: start; text-decoration: none; } html.noticia-page .noticias-item img { width: 72px; height: 56px; object-fit: cover; border-radius: 6px; border: 1px solid #dde3ea; background: #fff; } html.noticia-page .noticias-fecha { display: block; font-size: 12px; color: #6b7b8c; margin-bottom: 2px; } html.noticia-page .noticias-titulo { display: block; font-size: 13px; line-height: 1.35; color: #24384f; } html.noticia-page .portfolio-details .portfolio-description { max-width: 860px; margin: 0 auto; padding-top: 28px; } html.noticia-page .portfolio-details .portfolio-description h2 { width: 100%; font-size: 30px; line-height: 1.25; margin-bottom: 12px; } html.noticia-page .portfolio-details .portfolio-description p { font-size: 16px; line-height: 1.75; color: #3a4a5a; margin: 0 0 12px 0; } @media (max-width: 768px) { html.noticia-page .portfolio-details .portfolio-description { padding-top: 20px; } html.noticia-page .portfolio-details .portfolio-description h2 { font-size: 26px; } html.noticia-page .portfolio-details .portfolio-details-carousel img { height: 260px; } html.noticia-page .noticias-layout { grid-template-columns: 1fr; } }