/*
 * Estilos para las vistas de Noticias (listado y detalle).
 * Usa los mismos tokens de marca que el resto del tema (style.css):
 * verde primario #00b388, rojo #da291c, celeste #00a9e0/#007ac3,
 * tipografia canaro / canaro_semibold, breakpoints 425/640/768/1024.
 * Todo queda dentro de .m-noticias para no afectar el resto del sitio.
 */

.m-noticias{color:#000; padding-top:50px;padding-bottom:50px;}
.m-noticias__head{margin-bottom:20px}
.m-noticias__head + .m-noticias__layout{padding-top: 0;}

.m-noticias__layout{display:flex;flex-wrap:wrap;gap:40px;padding-top:80px;padding-bottom:80px;}
.m-noticias__main{flex:1 1 100%;min-width:0}
.m-noticias__aside{flex:1 1 100%;min-width:0}

@media only screen and (min-width:768px){
	.m-noticias__main{flex:1 1 0;max-width:65%}
	.m-noticias__aside{flex:1 1 0;max-width:32%}
}

.m-noticias__aside-block{margin-bottom:40px}
.m-noticias__aside-block:last-child{margin-bottom:0}

/* Grilla de noticias */
.m-noticias__grid{display:grid;grid-template-columns:1fr;gap:35px 30px}

@media only screen and (min-width:640px){
	.m-noticias__grid{grid-template-columns:repeat(2,1fr)}
}

@media only screen and (min-width:1024px){
	.m-noticias__grid{grid-template-columns:repeat(3,1fr)}
}

/* Tarjeta de la grilla (imagen arriba, texto abajo) */
.m-noticia-card{display:block}
.m-noticia-card__link{display:block;color:#000}
.m-noticia-card__link,.m-noticia-card__link:hover{text-decoration:none}
.m-noticia-card__link:hover .m-noticia-card__title{color:#00b388}
.m-noticia-card__thumb{display:block;overflow:hidden;border-radius:6px;margin-bottom:15px}
.m-noticia-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:291/164}
.m-noticia-card__title{font-family:canaro_semibold;font-size:18px;font-size:1.125rem;margin:0 0 6px;color:#000;transition:color .3s ease-in-out}
.m-noticia-card__date{display:block;color:#7c8087;font-size:13px;font-size:.8125rem;margin-bottom:10px}
.m-noticia-card__excerpt{margin:0;text-align:justify;color:#414141}

/* Tarjetas pequenas de sidebar (destacados / lo ultimo) */
.m-noticia-mini{display:block;margin-bottom:20px}
.m-noticia-mini:last-child{margin-bottom:0}
.m-noticia-mini__link{display:block;color:#000}
.m-noticia-mini__link,.m-noticia-mini__link:hover{text-decoration:none}
.m-noticia-mini__link:hover .m-noticia-mini__title{color:#00b388}
.m-noticia-mini__thumb{display:block;border-radius:6px;overflow:hidden;margin-bottom:10px}
.m-noticia-mini__thumb img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:291/164}
.m-noticia-mini__title{font-family:canaro_semibold;font-size:15px;font-size:.9375rem;text-transform:uppercase;margin:0 0 5px;color:#000;transition:color .3s ease-in-out}
.m-noticia-mini__date{display:block;color:#7c8087;font-size:13px;font-size:.8125rem}

/* Paginacion (grrd_pagination imprime div.vPaginador + ul/li) */
.m-noticias__pagination ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:30px 0 0;padding:0}
.m-noticias__pagination li a,.m-noticias__pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:6px;border:1px solid #e2e2e2;color:#000;font-size:14px;font-size:.875rem;text-decoration:none;transition:all .3s ease-in-out}
.m-noticias__pagination li a:hover{background-color:#00b388;border-color:#00b388;color:#fff;text-decoration:none}
/* Pagina activa: grrd_pagination la imprime como <span class="disabled"> */
.m-noticias__pagination li span.disabled{background-color:#00b388;border-color:#00b388;color:#fff;font-family:canaro_semibold;cursor:default}

/* Detalle de noticia */
.m-noticia__back{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;color:#00b388;font-family:canaro_semibold;font-size:14px;font-size:.875rem;text-decoration:none}
.m-noticia__back:hover{color:#007ac3;text-decoration:underline}

.m-noticia__meta{display:block;color:#7c8087;font-size:13px;font-size:.8125rem;margin-bottom:20px}
.m-noticia__bajada{font-family:canaro_semibold;font-size:17px;font-size:1.0625rem;color:#414141;margin:10px 0 0;text-align:justify}
.m-noticia__image{margin-bottom:25px;text-align:center}
.m-noticia__image img{border-radius:6px}
.m-noticia__body{margin-bottom:30px}

.m-noticia__video{position:relative;display:block;margin-bottom:30px;border-radius:6px;overflow:hidden}
.m-noticia__video img{width:100%;display:block}
.m-noticia__video:after{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;background-color:rgba(218,41,28,.85);transition:all .3s ease-in-out}
.m-noticia__video:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-45%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff;z-index:1;transition:all .3s ease-in-out}
.m-noticia__video:hover:after{background-color:#da291c}

.m-noticia__share{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 0;margin-bottom:30px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
.m-noticia__share-label{font-family:canaro_semibold;margin-right:auto}
.m-noticia__share .m-social-network a{color:#000;font-size:18px;margin-left:15px}
.m-noticia__share .m-social-network a:hover{color:#00b388}

.m-noticia__share--this{border-top:0;margin-top:-10px}

.m-share-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.m-share-links__item{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background-color:#eff0f0;color:#414141;font-size:16px;cursor:pointer;text-decoration:none;transition:all .3s ease-in-out}
.m-share-links__item:hover{color:#fff}
.m-share-links__item--whatsapp:hover{background-color:#25d366}
.m-share-links__item--facebook:hover{background-color:#3b5998}
.m-share-links__item--copy{width:auto;padding:0 16px;border-radius:20px;font-family:canaro_semibold;font-size:13px;font-size:.8125rem}
.m-share-links__item--copy:hover,.m-share-links__item--copy.is-copied{background-color:#00b388;color:#fff}

.m-noticia__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}
.m-noticia__nav .button-petro{display:inline-flex;align-items:center;padding:10px 18px;border:2px solid #00b388;border-radius:6px;color:#00b388!important;font-family:canaro_semibold;font-size:13px;font-size:.8125rem;text-transform:uppercase;text-decoration:none;transition:all .3s ease-in-out}
.m-noticia__nav .button-petro:hover{background-color:#00b388;color:#fff!important}
.m-noticia__nav span:last-child .button-petro{margin-left:auto}