/* /assets/css/grid-pagination.css v=2.0.0.3 {GAP Vertical +5%} -- Inicio */
/* Archivo    : /assets/css/grid-pagination.css
   Proyecto   : GOB noticias
   Versión    : 2.0.0.3
   Cambios    : 1. GAP vertical aumentado +5% en todos los breakpoints
                2. Mayor respiración entre filas de tarjetas. */

.ly-grid-cont{width:100%;margin:0;padding:0 1rem;}
.ly-grid-main{overflow:hidden;}
.ly-grid-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid #878787;font-family:"Arial Narrow",sans-serif;}
.ly-breadcrumb{flex:0 0 auto;font-size:1.2rem;color:#484848;display:flex;align-items:center;gap:0.4rem;}
.ly-breadcrumb-link{color:#0d47a1;text-decoration:none;font-weight:600;}
.ly-breadcrumb-link:hover{text-decoration:underline;color:#0a3a8c;}
.ly-breadcrumb-item{color:#495057;font-weight:500;}
.ly-breadcrumb-current{color:#1a1a1a;font-weight:700;}
.ly-breadcrumb-sep{width:12px;height:12px;flex-shrink:0;}
.ly-grid-meta{flex:0 0 auto;display:flex;align-items:center;gap:0.5rem;}
.ly-grid-count{font-size:1.2rem;color:#004386;font-weight:600;}
/* Estrella Dorada SVG */
.ly-grid-star{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;}
.ly-grid-datetime{margin-left:auto;text-align:right;font-size:1.2rem;color:#0E0E0E;font-weight:500;line-height:1.2;letter-spacing:.6px;}

/* ═══════════════════════════════════════════════════════════════════ */
/* GRID PRINCIPAL - GAP +5% (de 2.1rem a 2.2rem)                     */
/* ═══════════════════════════════════════════════════════════════════ */
.ly-row-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:2.2rem;margin-bottom:1.5rem;}
.ly-row-card{background:#f8f9fa;border-radius:6px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;border:.8px solid rgba(139,139,139,1.00);}
.ly-row-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}
.ly-row-card-a{grid-column:span 2;}
.ly-row-card-small{grid-column:span 1;}
.ly-row-card-img-1{width:100%;aspect-ratio:200/112;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ly-row-card-img{width:100%;aspect-ratio:200/127;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ly-row-card-hd{font-size:0.9375rem;font-weight:600;line-height:1.3;color:#1a1a1a;margin:0;padding:0.7rem .3rem .6rem .6rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;letter-spacing:.4px;hyphens:auto;}
.ly-row-card-a .ly-row-card-hd{font-size:1.24rem;line-height:1.2;-webkit-line-clamp:4;}
.ly-row-card-sum{font-size:0.9375rem;color:#454545;line-height:1.4;margin:0;padding:0.1rem .3rem .6rem .6rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;hyphens:auto;}
.ly-row-card-a .ly-row-card-sum{-webkit-line-clamp:4;}

.ly-grid-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:2.2rem;}
.ly-grid-card{background:#f8f9fa;border-radius:6px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;border:.8px solid rgba(139,139,139,1.00);}
.ly-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}
.ly-grid-card-img{width:100%;aspect-ratio:200/117;background-size:cover;background-position:center;background-repeat:no-repeat;}
.ly-grid-card-hd{font-size:0.9375rem;font-weight:600;line-height:1.3;color:#1a1a1a;margin:0;padding:0.7rem .3rem .2rem .6rem;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;letter-spacing:.4px;hyphens:auto;}
.ly-grid-card-sum{font-size:0.9375rem;color:#454545;line-height:1.4;margin:0;padding:0.1rem .3rem .6rem .6rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;hyphens:auto;}

.ly-grid-empty{text-align:center;padding:3rem;color:#6c757d;font-size:1rem;}
.ly-pagination{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef;}
.ly-pagination-controls{display:flex;justify-content:center;align-items:center;gap:0.5rem;}
.ly-pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all 0.2s ease;color:#495057;font-size:15px;}
.ly-pagination-btn:hover:not(:disabled){background:#0d47a1;color:#ffffff;border-color:#0d47a1;}
.ly-pagination-btn:disabled{opacity:0.4;cursor:not-allowed;}
.ly-pagination-current{font-size:0.9375rem;color:#6c757d;margin:0 1rem;font-weight:500;}

/* ═══════════════════════════════════════════════════════════════════ */
/* RESPONSIVE - Gaps aumentados +5% en cada breakpoint               */
/* ═══════════════════════════════════════════════════════════════════ */
@media screen and (max-width:1024px){
	.ly-row-wrapper,.ly-grid-wrapper{grid-template-columns:repeat(3,1fr);gap:1.9rem;}
	.ly-row-card-a{grid-column:span 3;}
	.ly-breadcrumb{font-size:1.1rem;}
	.ly-grid-count{font-size:1.1rem;}
	.ly-grid-datetime{font-size:1rem;}
	.ly-row-card-hd,.ly-grid-card-hd{font-size:0.94rem;letter-spacing:.4px;}
	.ly-row-card-sum,.ly-grid-card-sum{font-size:0.94rem;letter-spacing:.4px;}
}

@media screen and (max-width:768px){
	.ly-row-wrapper,.ly-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:1.6rem;}
	.ly-row-card-a{grid-column:span 2;}
	.ly-grid-header{flex-direction:column;align-items:flex-start;gap:0.5rem;}
	.ly-grid-datetime{margin-left:0;text-align:left;}
	.ly-breadcrumb{font-size:1rem;}
	.ly-breadcrumb-link,.ly-breadcrumb-item,.ly-breadcrumb-current{font-size:0.94rem;letter-spacing:.4px;}
	.ly-grid-count{font-size:0.94rem;letter-spacing:.4px;}
	.ly-grid-star{width:18px;height:18px;}
	.ly-grid-datetime{font-size:0.94rem;letter-spacing:.4px;}
	.ly-row-card-hd{font-size:0.94rem;letter-spacing:.4px;line-height:1.3;}
	.ly-row-card-a .ly-row-card-hd{font-size:1.1rem;letter-spacing:.4px;}
	.ly-row-card-sum{font-size:0.94rem;letter-spacing:.4px;}
	.ly-grid-card-hd{font-size:0.94rem;letter-spacing:.4px;line-height:1.3;}
	.ly-grid-card-sum{font-size:0.94rem;letter-spacing:.4px;}
	.ly-pagination-current{font-size:0.94rem;letter-spacing:.4px;}
	.ly-grid-empty{font-size:0.94rem;letter-spacing:.4px;}
}

@media screen and (max-width:480px){
	.ly-row-wrapper,.ly-grid-wrapper{grid-template-columns:1fr;gap:1.3rem;}
	.ly-row-card-a,.ly-row-card-small{grid-column:span 1;}
	.ly-breadcrumb{font-size:0.94rem;}
	.ly-grid-count,.ly-grid-datetime{font-size:0.88rem;}
	.ly-row-card-hd,.ly-grid-card-hd{font-size:0.94rem;letter-spacing:.4px;}
	.ly-row-card-sum,.ly-grid-card-sum{font-size:0.94rem;letter-spacing:.4px;}
	.ly-pagination-btn{width:32px;height:32px;font-size:14px;}
}
/* /assets/css/grid-pagination.css v=2.0.0.3 fin */