/*
 * Taraaan brand expression.
 *
 * A light, modular and playful layer for culture, entertainment and trends.
 * It is loaded only by the Taraaan brand lock.
 */

:root {
	--taraaan-sky: #51d0ec;
	--taraaan-sky-accessible: #008aaf;
	--taraaan-ink: #071f2c;
	--taraaan-mist: #e4f9ff;
	--pedro-radius-sm: 0.75rem;
	--pedro-radius-md: 1.5rem;
	--pedro-radius-lg: 2.5rem;
	--pedro-shadow-sm: 0 12px 32px rgb( 17 67 90 / 9% );
	--pedro-shadow-lg: 0 28px 75px rgb( 7 31 44 / 20% );
}

:root[data-theme='dark'] {
	--pedro-background: #06151d;
	--pedro-surface: #0b202b;
	--pedro-border: #254958;
	--pedro-text: #f2fbff;
	--pedro-muted: #a9c9d6;
	--pedro-primary: #5d9db5;
	--pedro-accent: #66daf2;
}

.pedro-topbar {
	background: var( --taraaan-sky );
	color: var( --taraaan-ink );
	font-weight: 800;
}

.pedro-main-header {
	border-bottom: 4px solid var( --taraaan-sky );
	background:
		radial-gradient( circle at 9% 50%, rgb( 81 208 236 / 18% ), transparent 19% ),
		var( --pedro-surface );
}

.pedro-main-header__inner {
	min-height: 132px;
}

.pedro-main-header .pedro-logo,
.pedro-main-header .custom-logo {
	max-width: 104px;
	max-height: 104px;
}

.pedro-footer-logo {
	max-width: 112px;
	max-height: 122px;
}

.pedro-header__menu-list a {
	letter-spacing: 0.055em;
}

.pedro-header__menu-list a::after {
	bottom: 0;
	height: 0.55rem;
	border-radius: 999px 999px 0 0;
	background: color-mix( in srgb, var( --taraaan-sky ) 48%, transparent );
	z-index: -1;
}

.pedro-button {
	border-radius: 0.7rem 1.45rem 0.7rem 1.45rem;
	background: var( --taraaan-ink );
	color: #ffffff;
	box-shadow: 5px 5px 0 var( --taraaan-sky );
}

.pedro-button:hover,
.pedro-button:focus-visible {
	background: var( --taraaan-sky-accessible );
	box-shadow: 2px 2px 0 var( --taraaan-sky );
	filter: none;
	transform: translate( 2px, 2px );
}

.pedro-ticker__label {
	border-radius: 0 999px 999px 0;
	background: var( --taraaan-sky-accessible );
}

.pedro-ticker__story {
	border-radius: 999px 0 0 999px;
}

.pedro-lead-card {
	border-radius: 2.8rem 0.8rem 2.8rem 0.8rem;
}

.pedro-lead-card__overlay {
	background:
		linear-gradient( 90deg, rgb( 7 31 44 / 94% ) 0%, rgb( 7 31 44 / 68% ) 48%, transparent 84% ),
		linear-gradient( 0deg, rgb( 7 31 44 / 88% ), transparent 62% );
}

.pedro-lead-card .pedro-eyebrow,
.pedro-overlay-card .pedro-eyebrow {
	border-radius: 999px;
	background: var( --taraaan-sky );
	color: var( --taraaan-ink );
}

.pedro-secondary-card,
.pedro-most-read,
.pedro-widget,
.pedro-article-horizontal,
.pedro-category-tile,
.pedro-coming-card {
	border-color: color-mix( in srgb, var( --taraaan-sky-accessible ) 24%, var( --pedro-border ) );
}

.pedro-secondary-card:hover,
.pedro-article-horizontal:hover,
.pedro-category-tile:hover {
	border-color: var( --taraaan-sky-accessible );
	box-shadow: 0 18px 48px rgb( 81 208 236 / 17% );
}

.pedro-section-heading {
	letter-spacing: 0.045em;
}

.pedro-section-heading::after {
	width: 3rem;
	height: 0.65rem;
	border-radius: 999px 999px 999px 0.15rem;
	background: var( --taraaan-sky );
}

.pedro-most-read__number {
	border-radius: 0.5rem 1rem 0.5rem 1rem;
	background: var( --taraaan-sky );
	color: var( --taraaan-ink );
}

.pedro-newsletter {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient( circle at 88% 24%, rgb( 81 208 236 / 42% ), transparent 24% ),
		linear-gradient( 140deg, var( --taraaan-ink ), #155d76 );
}

.pedro-newsletter::before,
.pedro-newsletter::after {
	position: absolute;
	border: 1.5rem solid rgb( 81 208 236 / 14% );
	border-radius: 50%;
	content: '';
	pointer-events: none;
}

.pedro-newsletter::before {
	top: -5rem;
	left: 38%;
	width: 11rem;
	height: 11rem;
}

.pedro-newsletter::after {
	right: -4rem;
	bottom: -5rem;
	width: 14rem;
	height: 14rem;
}

.pedro-newsletter__copy,
.pedro-newsletter__signup {
	position: relative;
	z-index: 1;
}

.pedro-newsletter__benefits .pedro-icon {
	stroke: var( --taraaan-sky );
}

.pedro-category-tile {
	grid-template-columns: 96px minmax( 0, 1fr );
	border-radius: 0.8rem 2rem 0.8rem 2rem;
}

.pedro-category-tile__art,
.pedro-category-tile__art--1,
.pedro-category-tile__art--2 {
	background:
		radial-gradient( circle at 70% 25%, rgb( 255 255 255 / 22% ), transparent 20% ),
		linear-gradient( 145deg, var( --taraaan-sky ), var( --taraaan-sky-accessible ) );
}

.pedro-category-tile__art .pedro-icon {
	stroke: var( --taraaan-ink );
}

.pedro-category-tile__cta,
.pedro-text-link,
.pedro-section-title-row--action > a {
	color: var( --taraaan-sky-accessible );
}

.pedro-coming-card {
	border-radius: 2rem 0.8rem 2rem 0.8rem;
	background:
		radial-gradient( circle at 78% 18%, rgb( 81 208 236 / 24% ), transparent 24% ),
		var( --pedro-surface );
}

.pedro-editorial-values {
	border-radius: 3rem 1rem 3rem 1rem;
	background:
		radial-gradient( circle at 18% 30%, rgb( 81 208 236 / 38% ), transparent 23% ),
		linear-gradient( 138deg, var( --taraaan-ink ), #155d76 72%, var( --taraaan-sky-accessible ) );
}

.pedro-editorial-values__dot {
	border-color: var( --taraaan-sky );
}

.pedro-editorial-values__check {
	border-radius: 0.4rem 0.85rem 0.4rem 0.85rem;
	background: var( --taraaan-sky );
	color: var( --taraaan-ink );
}

.pedro-editorial-values__check .pedro-icon {
	stroke: currentcolor;
}

.pedro-term-hero {
	padding: clamp( 1.25rem, 3vw, 2rem );
	border: 0;
	border-radius: 2rem 0.75rem 2rem 0.75rem;
	background: color-mix( in srgb, var( --taraaan-sky ) 13%, var( --pedro-surface ) );
}

.pedro-term-hero__title,
.pedro-single__title {
	text-wrap: balance;
}

.pedro-footer {
	border-top: 8px solid var( --taraaan-sky );
	background:
		radial-gradient( circle at 12% 24%, rgb( 81 208 236 / 21% ), transparent 24% ),
		var( --taraaan-ink );
}

@media ( max-width: 767px ) {
	.pedro-main-header__inner {
		min-height: 96px;
	}

	.pedro-main-header .pedro-logo,
	.pedro-main-header .custom-logo {
		max-width: 68px;
		max-height: 74px;
	}

	.pedro-lead-card,
	.pedro-category-tile,
	.pedro-coming-card {
		border-radius: 1.45rem 0.6rem 1.45rem 0.6rem;
	}

	.pedro-category-tile {
		grid-template-columns: 78px minmax( 0, 1fr );
	}
}