body{
			margin: 0;
				padding: 0;
				font-family: "Montserrat", sans-serif;

				
				
	}
		
			.container-s {
				
				width: 100%;
				max-width: 1380px;
				height: auto;
				margin: 0 auto;
				display: flex;
				flex-wrap: wrap;
				gap: 30px;
				background-color: #fafafa;
				box-sizing: border-box;
				margin-bottom: 10px;
				padding: 20px;
			
		
				
			}
			
			
		
			
		.container-s p{
			    font-size: 1rem;
			    
			    
			}
			
			
		
			.columna{
			
				overflow: auto;
				box-sizing: border-box;
		
		
			
				
			}
			
			.columna-izquierda{
				width: 800px;
			box-sizing: border-box;
				
		
			}
			
			.columna-derecha{
				box-sizing: border-box;
				width: 510px;
			
		
		}
			

			
			@media (max-width: 600px){
				
				.container-s{
					background-color: transparent!important;
					gap: 5px;
					padding: 0;
					
				}

			
			
			 
				.columna-izquierda {
					width: 100%;
					height: auto;
				
				
					
					
				}
				
				.columna-derecha{
					width: 100%;
					height: auto;
					
					
				
				
				
				}
				
				.card-s{
					width: 100%;
					border-bottom: 3px solid #f1f1f1;
					
					
				}
				.card-s-d{
					width: 100%;
				border-bottom: 3px solid #f1f1f1;
					
					
				}
	
	
	.columna-derecha img{
	    width: 100%;
	    height: auto;
	}
			
			
			
			}
			
		
	
		
		
	 
 body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
 
 
 }
	 
	
	 
 .section-title {
  font-family: 'Libre Baskerville', serif;
  text-align: center;
  margin: 0.5rem 0;
  font-size: 1.5rem;
 }
	 
	 
 .cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  padding: 20px;
  max-width: 1380px;
  margin: 0 auto;
	 background: #ccc;
	 height: auto;
	 
	 box-sizing: border-box;
 }
	 
	 
 .news-card {
  
  padding: 20px;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
 }
	 
	 
 .news-card:hover {
  transform: translateY(-5px);
  
 }
	 
 .news-card img {
  width: 100%;
  height: 250px;

  
  
	 }
	 
	 
 .news-title {
  font-family: 'Libre Baskerville', serif;
  font-weight: 600;
	 margin-bottom: 0;
	 font-size: 1.3rem;
	 color: #111;

 }
	 
	 
 .news-summary{
 font-weight: 500;
  flex-grow: 1;
  color: #333;
 margin-top: 10px;
 }
 
 .news-author {
  font-weight: bold;
  margin-top: 1rem;
  font-size: 0.9rem;
  
 }
	 
	 
	 @media (max-width: 760px){
		 
		 
		 .body{
			 background-color: transparent!important;
		 }
		 
		 
		 .cards-container{
			 padding: 0;
			 background-color: transparent!important;
			 
		 }
		 
		 .news-card{
			 border-bottom: 3px solid #f1f1f1;
			 background-color: transparent;
			 padding: 0;
		 }
		 
		 .news-title{
			 padding-left: 20px;
		 }
		 
		 
		 .news-summary{
			 padding-left: 20px;
		 }
		 
		 
		 	 
	 }
 
	 
	 

	

		.card {
			display: flex;
			width: 100;
			align-items: left;
			background: transparent;
			border-radius: 0px;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			overflow: hidden;
			padding: 20px;
		
			border-bottom: 2px solid #f1f1f1;
			box-sizing: border-box;
			
			
			
			
		}
	
	
		.card:hover {
			transform: translate(-3px);
		}
		
		

		
		
	.card-image img{
			
			width: 150px;
			height: 100px;
			object-fit: cover;
			display: block;
			margin-right: 20px;
		
			
			
		}
		
		@media (max-width: 760px)	{
			
			.card {
				flex-direction: row;
	
				background-color: transparent!important;
				
			
				width: 100%;
			}
				
				
			
			
		.card-image img{
				
			width: 100px;
			height: 100px;
	
			padding-bottom: 50%;
			padding-top: 50%;
			
			}
		
			
			
		
	
				
				.container-s{
					background-color: transparent!important;
					
		
		
				}
				
	            .card-s-d {
	               
	               
	            }
				

				
				
			}