/* Cinematic premium cards for the standard homepage news grid. */





















html body.varcelona-home article.blog-over-modern-card,










html body.varcelona-home .blog-over-modern-card {










	height: auto !important;










	min-height: 0 !important;










	align-self: start !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner {










	position: relative !important;










	display: block !important;










	height: 410px !important;










	min-height: 410px !important;










	overflow: hidden !important;










	isolation: isolate;










	border: 1px solid rgba(199, 215, 235, 0.18) !important;










	border-radius: 18px !important;










	background: radial-gradient(circle at 82% 14%, rgba(22, 104, 170, 0.26), transparent 36%), linear-gradient(145deg, #102238, #06111f 70%) !important;










	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36) !important;










	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner::before {










	content: "";










	position: absolute;










	z-index: 1;










	inset: 0;










	background: linear-gradient(180deg, rgba(3, 10, 18, 0.08) 8%, rgba(3, 10, 18, 0.18) 32%, rgba(3, 10, 18, 0.92) 72%, #030b15 100%), linear-gradient(90deg, rgba(3, 10, 18, 0.22), transparent 55%);










	pointer-events: none;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner::after {










	content: "";










	position: absolute;










	z-index: 3;










	top: 0;










	right: 0;










	left: 0;










	height: 3px;










	background: linear-gradient(90deg, #d0004b 0 58%, #f2c94c 58% 68%, #0877c9 68% 100%);










	pointer-events: none;










}





















html body.varcelona-home article.blog-over-modern-card.category-real-madryt .blog-over-modern-card-inner::after,










html body.varcelona-home article.blog-over-modern-card.category-real-madrid .blog-over-modern-card-inner::after,










html body.varcelona-home article.blog-over-modern-card.category-po-bialej-stronie .blog-over-modern-card-inner::after {










	background: linear-gradient(90deg, #f2c94c 0 58%, #d0004b 58% 68%, #0877c9 68% 100%);










}





















@media (hover: hover) {










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner:hover {










		transform: translateY(-6px) !important;










		border-color: rgba(242, 201, 76, 0.42) !important;










		box-shadow: 0 26px 54px rgba(0, 0, 0, 0.48) !important;










	}










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail.fixed-height,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail.auto-height {










	position: absolute !important;










	z-index: 0;










	inset: 0 !important;










	width: 100% !important;










	height: 100% !important;










	min-height: 100% !important;










	margin: 0 !important;










	overflow: hidden !important;










	border-radius: 0 !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail::after {










	display: none !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail > a {










	display: block !important;










	width: 100% !important;










	height: 100% !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail img {










	display: block !important;










	width: 100% !important;










	height: 100% !important;










	object-fit: cover !important;










	object-position: center 28% !important;










	filter: saturate(0.94) contrast(1.04);










	transition: transform 0.65s cubic-bezier(0.2, 0.75, 0.2, 1), filter 0.3s ease !important;










}





















@media (hover: hover) {










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner:hover .blog-over-modern-thumbnail img {










		transform: scale(1.055) !important;










		filter: saturate(1.05) contrast(1.07);










	}










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content {










	position: absolute !important;










	z-index: 2;










	inset: 0 !important;










	display: flex !important;










	min-height: 0 !important;










	margin: 0 !important;










	padding: 18px 20px 20px !important;










	flex-direction: column !important;










	justify-content: flex-end !important;










	background: transparent !important;










	pointer-events: none;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content::before {










	display: none !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content a {










	pointer-events: auto;










}





















html body.varcelona-home article.blog-over-modern-card .vc-card-kicker {










	position: absolute;










	top: 18px;










	right: 18px;










	left: 18px;










	display: flex;










	align-items: center;










	justify-content: space-between;










	gap: 12px;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-category {










	display: flex !important;










	min-width: 0;










	margin: 0 !important;










	padding: 0 !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-category a {










	display: block !important;










	overflow: hidden;










	max-width: 190px;










	padding: 7px 11px !important;










	border: 1px solid rgba(255, 255, 255, 0.12) !important;










	border-radius: 999px !important;










	background: rgba(208, 0, 75, 0.9) !important;










	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32) !important;










	color: #fff !important;










	font-size: 10px !important;










	font-weight: 800 !important;










	letter-spacing: 0.11em !important;










	line-height: 1 !important;










	text-overflow: ellipsis;










	text-decoration: none !important;










	text-transform: uppercase !important;










	white-space: nowrap;










	-webkit-backdrop-filter: blur(8px);










	backdrop-filter: blur(8px);










}





















html body.varcelona-home article.blog-over-modern-card.category-real-madryt .blog-over-modern-category a,










html body.varcelona-home article.blog-over-modern-card.category-real-madrid .blog-over-modern-category a,










html body.varcelona-home article.blog-over-modern-card.category-po-bialej-stronie .blog-over-modern-category a {










	background: rgba(212, 158, 34, 0.92) !important;










	color: #07111d !important;










}





















html body.varcelona-home article.blog-over-modern-card .vc-card-time {










	flex: 0 0 auto;










	padding: 6px 8px;










	border: 1px solid rgba(255, 255, 255, 0.12);










	border-radius: 7px;










	background: rgba(3, 11, 21, 0.72);










	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);










	color: #dce4ef;










	font-size: 11px;










	font-weight: 700;










	letter-spacing: 0.04em;










	line-height: 1;










	text-transform: uppercase;










	-webkit-backdrop-filter: blur(8px);










	backdrop-filter: blur(8px);










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-meta,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-edit {










	display: none !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-header {










	margin: 0 !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content h2,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content h3,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title a,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title a:visited {










	display: -webkit-box !important;










	overflow: hidden !important;










	max-height: 3.3em !important;










	margin: 0 58px 9px 0 !important;










	color: #fff8ed !important;










	font-size: 23px !important;










	font-weight: 800 !important;










	letter-spacing: -0.025em !important;










	line-height: 1.1 !important;










	text-shadow: 0 3px 18px rgba(0, 0, 0, 0.75);










	text-decoration: none !important;










	text-transform: none !important;










	-webkit-box-orient: vertical !important;










	-webkit-line-clamp: 3 !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title a:hover {










	color: #f2c94c !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-excerpt,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-excerpt p,










html body.varcelona-home article.blog-over-modern-card .vc-card-teaser,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content > p,










html body.varcelona-home article.blog-over-modern-card.vc-title-short .blog-over-modern-excerpt,










html body.varcelona-home article.blog-over-modern-card.vc-title-medium .blog-over-modern-excerpt,










html body.varcelona-home article.blog-over-modern-card.vc-title-long .blog-over-modern-excerpt,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner.vc-title-short .vc-card-teaser,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner.vc-title-medium .vc-card-teaser,










html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner.vc-title-long .vc-card-teaser {










	display: -webkit-box !important;










	overflow: hidden !important;










	min-height: 0 !important;










	max-height: 3em !important;










	margin: 0 58px 0 0 !important;










	color: #c2ccd9 !important;










	font-size: 14px !important;










	font-weight: 500 !important;










	line-height: 1.5 !important;










	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);










	-webkit-box-orient: vertical !important;










	-webkit-line-clamp: 2 !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-footer {










	position: absolute !important;










	top: auto !important;










	right: 20px !important;










	bottom: 20px !important;










	left: auto !important;










	display: block !important;










	width: 44px !important;










	height: 44px !important;










	margin: 0 !important;










	padding: 0 !important;










	border: 0 !important;










	transform: none !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-readmore {










	display: inline-flex !important;










	width: 44px !important;










	height: 44px !important;










	min-width: 44px !important;










	min-height: 44px !important;










	padding: 0 !important;










	align-items: center !important;










	justify-content: center !important;










	border: 1px solid rgba(255, 255, 255, 0.24) !important;










	border-radius: 50% !important;










	background: rgba(208, 0, 75, 0.9) !important;










	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.36) !important;










	color: #fff !important;










	font-size: 15px !important;










	text-decoration: none !important;










	-webkit-backdrop-filter: blur(8px);










	backdrop-filter: blur(8px);










	transition: transform 0.2s ease, background-color 0.2s ease !important;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-readmore span {










	position: absolute;










	width: 1px;










	height: 1px;










	overflow: hidden;










	clip: rect(0 0 0 0);










	clip-path: inset(50%);










	white-space: nowrap;










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-readmore i {










	margin: 0 !important;










	font-size: 14px !important;










	transform: rotate(-45deg);










}





















html body.varcelona-home article.blog-over-modern-card.category-real-madryt .blog-over-modern-readmore,










html body.varcelona-home article.blog-over-modern-card.category-real-madrid .blog-over-modern-readmore,










html body.varcelona-home article.blog-over-modern-card.category-po-bialej-stronie .blog-over-modern-readmore {










	background: rgba(212, 158, 34, 0.92) !important;










	color: #07111d !important;










}





















@media (hover: hover) {










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-readmore:hover {










		transform: translate(2px, -2px) !important;










		background: #ed0055 !important;










	}





















	html body.varcelona-home article.blog-over-modern-card.category-real-madryt .blog-over-modern-readmore:hover,










	html body.varcelona-home article.blog-over-modern-card.category-real-madrid .blog-over-modern-readmore:hover,










	html body.varcelona-home article.blog-over-modern-card.category-po-bialej-stronie .blog-over-modern-readmore:hover {










		background: #f2c94c !important;










	}










}





















html body.varcelona-home article.blog-over-modern-card .blog-over-modern-footer > *:not(:first-child),










html body.varcelona-home article.blog-over-modern-card .wpulike,










html body.varcelona-home article.blog-over-modern-card .wp_ulike_general_class,










html body.varcelona-home article.blog-over-modern-card .varcelona-comment-count,










html body.varcelona-home article.blog-over-modern-card .comments-link,










html body.varcelona-home .vc-news__comments,










html body.varcelona-home .varcelona-home-news-list__comments {










	display: none !important;










}





















html body.varcelona-home .blog-over-site-main,










html body.varcelona-home .blog-over-site-content,










html body.varcelona-home .blog-over-posts,










html body.varcelona-home .blog-over-archive,










html body.varcelona-home #primary,










html body.varcelona-home .site-main,










html body.varcelona-home .blog-over-container,










html body.varcelona-home .blog-over-container-wide {










	align-items: start !important;










}





















@media (max-width: 760px) {










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner {










		height: 355px !important;










		min-height: 355px !important;










		border-radius: 15px !important;










	}





















	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content {










		padding: 15px 16px 16px !important;










	}





















	html body.varcelona-home article.blog-over-modern-card .vc-card-kicker {










		top: 15px;










		right: 15px;










		left: 15px;










	}





















	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content h2,










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-content h3,










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title,










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-title a {










		margin-right: 52px !important;










		font-size: 21px !important;










	}





















	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-excerpt,










	html body.varcelona-home article.blog-over-modern-card .vc-card-teaser {










		margin-right: 52px !important;










		font-size: 13.5px !important;










	}





















	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-footer {










		right: 16px !important;










		bottom: 16px !important;










	}










}





















@media (max-width: 390px) {










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner {










		height: 335px !important;










		min-height: 335px !important;










	}





















	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-category a {










		max-width: 150px;










	}





















	html body.varcelona-home article.blog-over-modern-card .vc-card-time {










		font-size: 10px;










	}










}





















@media (prefers-reduced-motion: reduce) {




	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-card-inner,










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-thumbnail img,










	html body.varcelona-home article.blog-over-modern-card .blog-over-modern-readmore {










		transition: none !important;










	}










}









/* Homepage lead strip: option 3 — editorial mosaic. */




html body.varcelona-home .vc-news-grid--top-strip {




	height: 432px !important;




	grid-template-columns: minmax(0, 2.55fr) repeat(3, minmax(0, 1fr)) !important;




	gap: 16px !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news {




	overflow: hidden !important;




	border: 1px solid rgba(151, 175, 205, 0.25) !important;




	border-radius: 13px !important;




	background: #071321 !important;




	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24) !important;




	transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news::before {




	content: "";




	position: absolute;




	z-index: 4;




	top: 0;




	left: 0;




	width: 72px;




	height: 3px;




	background: linear-gradient(90deg, #e00050 0 70%, #137ac1 70% 100%);




	pointer-events: none;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead {




	border-color: rgba(208, 0, 75, 0.72) !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__shade {




	display: none !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__image {




	position: absolute !important;




	display: block !important;




	overflow: hidden !important;




	margin: 0 !important;




	border: 0 !important;




	border-radius: 0 !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__image img {




	position: absolute !important;




	inset: 0 !important;




	display: block !important;




	width: 100% !important;




	height: 100% !important;




	object-fit: cover !important;




	object-position: center 22% !important;




	transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.2, 1), filter 0.3s ease !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__image {




	inset: 0 auto 0 0 !important;




	width: 50% !important;




	height: 100% !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__image img {




	object-position: center 18% !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__image {




	inset: 0 0 auto 0 !important;




	width: 100% !important;




	height: 54% !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__content {




	position: absolute !important;




	z-index: 2 !important;




	box-sizing: border-box !important;




	display: flex !important;




	min-width: 0 !important;




	margin: 0 !important;




	flex-direction: column !important;




	background: linear-gradient(145deg, #0b1b2d, #06111f) !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__content {




	inset: 0 0 0 50% !important;




	width: 50% !important;




	height: 100% !important;




	padding: 28px 26px 24px !important;




	justify-content: center !important;




	border-left: 1px solid rgba(151, 175, 205, 0.16) !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__content {




	inset: 54% 0 0 0 !important;




	width: 100% !important;




	height: 46% !important;




	padding: 17px 17px 15px !important;




	justify-content: flex-start !important;




	border-top: 1px solid rgba(151, 175, 205, 0.18) !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__kicker {




	min-width: 0 !important;




	margin: 0 0 10px !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__eyebrow {




	margin: 0 0 14px !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__eyebrow span {




	padding: 6px 10px !important;




	border-radius: 5px !important;




	box-shadow: none !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead h1,




html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead h1 a {




	display: -webkit-box !important;




	overflow: hidden !important;




	max-width: none !important;




	margin: 0 !important;




	color: #fff7e9 !important;




	font-size: clamp(25px, 1.75vw, 33px) !important;




	font-weight: 800 !important;




	letter-spacing: -0.025em !important;




	line-height: 1.08 !important;




	text-decoration: none !important;




	text-transform: none !important;




	-webkit-box-orient: vertical !important;




	-webkit-line-clamp: 5 !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead p {




	display: -webkit-box !important;




	overflow: hidden !important;




	max-width: none !important;




	margin: 17px 0 0 !important;




	color: #bcc8d7 !important;




	font-size: 14px !important;




	font-weight: 500 !important;




	line-height: 1.48 !important;




	-webkit-box-orient: vertical !important;




	-webkit-line-clamp: 4 !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news--small h2,




html body.varcelona-home .vc-news-grid--top-strip .vc-news--small h2 a {




	display: -webkit-box !important;




	overflow: hidden !important;




	margin: 0 !important;




	color: #fff7e9 !important;




	font-size: clamp(17px, 1.25vw, 21px) !important;




	font-weight: 800 !important;




	letter-spacing: -0.02em !important;




	line-height: 1.12 !important;




	text-decoration: none !important;




	text-transform: none !important;




	-webkit-box-orient: vertical !important;




	-webkit-line-clamp: 4 !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__footer {




	display: flex !important;




	min-height: 36px !important;




	margin: auto 0 0 !important;




	align-items: flex-end !important;




	justify-content: space-between !important;




	gap: 12px !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__category {




	display: block !important;




	overflow: hidden !important;




	color: #ef075a !important;




	font-size: 10px !important;




	font-weight: 900 !important;




	letter-spacing: 0.055em !important;




	line-height: 1.15 !important;




	text-overflow: ellipsis !important;




	text-transform: uppercase !important;




	white-space: nowrap !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__open {




	display: inline-flex !important;




	width: 36px !important;




	height: 36px !important;




	min-width: 36px !important;




	min-height: 36px !important;




	margin: 0 0 0 auto !important;




	padding: 0 !important;




	align-items: center !important;




	justify-content: center !important;




	border: 1px solid rgba(239, 7, 90, 0.75) !important;




	border-radius: 50% !important;




	background: rgba(224, 0, 80, 0.08) !important;




	color: #f6bd29 !important;




	font-size: 14px !important;




	text-decoration: none !important;




	transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease !important;




}









html body.varcelona-home .vc-news-grid--top-strip .vc-news__open i {




	margin: 0 !important;




}









@media (hover: hover) {




	html body.varcelona-home .vc-news-grid--top-strip .vc-news:hover {




		transform: translateY(-4px) !important;




		border-color: rgba(239, 7, 90, 0.62) !important;




		box-shadow: 0 22px 42px rgba(0, 0, 0, 0.34) !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news:hover .vc-news__image img {




		transform: scale(1.035) !important;




		filter: saturate(1.04) contrast(1.04) !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news__open:hover {




		transform: translateX(2px) !important;




		background: #e00050 !important;




		color: #fff !important;




	}




}









@media (max-width: 1180px) {




	html body.varcelona-home .vc-news-grid--top-strip {




		height: 404px !important;




		grid-template-columns: minmax(0, 2.25fr) repeat(3, minmax(0, 1fr)) !important;




		gap: 12px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__content {




		padding: 23px 21px 20px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__content {




		padding: 15px 14px 13px !important;




	}




}









@media (max-width: 980px) {




	html body.varcelona-home .vc-news-grid--top-strip {




		height: auto !important;




		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;




		gap: 14px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead {




		min-height: 390px !important;




		grid-column: 1 / -1 !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small {




		min-height: 360px !important;




	}




}









@media (max-width: 680px) {




	html body.varcelona-home .vc-news-grid--top-strip {




		grid-template-columns: 1fr !important;




		gap: 12px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead {




		min-height: 500px !important;




		grid-column: auto !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__image {




		inset: 0 0 auto 0 !important;




		width: 100% !important;




		height: 46% !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead .vc-news__content {




		inset: 46% 0 0 0 !important;




		width: 100% !important;




		height: 54% !important;




		padding: 18px 17px 15px !important;




		justify-content: flex-start !important;




		border-top: 1px solid rgba(151, 175, 205, 0.18) !important;




		border-left: 0 !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small {




		min-height: 180px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__image {




		inset: 0 auto 0 0 !important;




		width: 39% !important;




		height: 100% !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__content {




		inset: 0 0 0 39% !important;




		width: 61% !important;




		height: 100% !important;




		padding: 15px 14px 13px !important;




		border-top: 0 !important;




		border-left: 1px solid rgba(151, 175, 205, 0.18) !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead h1,




	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead h1 a {




		font-size: clamp(22px, 6vw, 25px) !important;




		-webkit-line-clamp: 4 !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead p {




		margin-top: 10px !important;




		font-size: 13px !important;




		-webkit-line-clamp: 2 !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small h2,




	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small h2 a {




		font-size: 17px !important;




		-webkit-line-clamp: 4 !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news__open {




		width: 34px !important;




		height: 34px !important;




		min-width: 34px !important;




		min-height: 34px !important;




	}




}









@media (max-width: 420px) {




	html body.varcelona-home .vc-news-grid--top-strip .vc-news--lead {




		min-height: 480px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small {




		min-height: 190px !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__image {




		width: 37% !important;




	}









	html body.varcelona-home .vc-news-grid--top-strip .vc-news--small .vc-news__content {




		left: 37% !important;




		width: 63% !important;




	}




}