/* =========================================================
   SUPER RECOMENDO 2026
   Recomendações e notícias de empresas
   ========================================================= */

:root{
	--sr-bg:#f5f7f2;
	--sr-paper:#ffffff;
	--sr-ink:#18201d;
	--sr-green:#176b4d;
	--sr-green-dark:#0f4e39;
	--sr-green-soft:#e5f3eb;
	--sr-yellow:#f2c94c;
	--sr-yellow-dark:#d8aa25;
	--sr-muted:#6c746f;
	--sr-line:#dce4de;
	--sr-charcoal:#202624;
	--sr-shadow:0 16px 45px rgba(24,32,29,.08);
}

html{scroll-behavior:smooth;}

body.superrecomendo{
	margin:0;
	background:var(--sr-bg);
	color:var(--sr-ink);
	font-family:"DM Sans",Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

body.superrecomendo .page-wrapper{background:var(--sr-bg);}
body.superrecomendo a{text-decoration:none;}
body.superrecomendo img{max-width:100%;}

/* Neutraliza cores antigas do CMS */
body.superrecomendo .top-bar,
body.superrecomendo .news .heading h2,
body.superrecomendo .newsletter-sidebar,
body.superrecomendo .footer-main,
body.superrecomendo .search-sidebar input[type="submit"]{
	background:initial!important;
}
body.superrecomendo .sf-menu>li>a,
body.superrecomendo .news .thumbnail .caption h3 a,
body.superrecomendo .news .thumbnail1 .caption h3 a,
body.superrecomendo .news .thumbnail2 .caption h3 a,
body.superrecomendo .news .thumbnail .caption h3{
	color:inherit!important;
}

/* containers */
body.superrecomendo .sr-topbar .container,
body.superrecomendo .sr-header>.container,
body.superrecomendo .sr-newsbar>.container,
body.superrecomendo .sr-hero-intro>.container,
body.superrecomendo .sr-section-heading>.container,
body.superrecomendo .news-featured>.container,
body.superrecomendo .news>.container,
body.superrecomendo .ad1>.container,
body.superrecomendo .sr-article-page>.container,
body.superrecomendo .footer-main>.container{
	width:100%!important;
	max-width:1280px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-left:28px!important;
	padding-right:28px!important;
}

/* topbar */
body.superrecomendo .sr-topbar{
	background:var(--sr-green-dark);
	color:#fff;
}
body.superrecomendo .sr-topbar-inner{
	min-height:36px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
}
body.superrecomendo .sr-topbar-copy{
	display:flex;
	align-items:center;
	gap:9px;
	font-size:8px;
	font-weight:800;
	letter-spacing:.14em;
}
body.superrecomendo .sr-topbar-copy i{
	color:var(--sr-yellow);
	font-size:12px;
}
body.superrecomendo .sr-topbar-right{
	display:flex;
	align-items:center;
	gap:18px;
	color:#d7e7df;
	font-size:8px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
}
body.superrecomendo .sr-topbar-right ul{
	display:flex;
	align-items:center;
	gap:11px;
	margin:0;
	padding:0;
	list-style:none;
}
body.superrecomendo .sr-topbar-right a{
	color:#fff!important;
	opacity:.85;
}
body.superrecomendo .sr-topbar-right a:hover{
	color:var(--sr-yellow)!important;
	opacity:1;
}

/* header */
body.superrecomendo .sr-header{
	position:relative!important;
	top:auto!important;
	background:var(--sr-paper);
	border-bottom:1px solid var(--sr-line);
	box-shadow:none!important;
}
body.superrecomendo .sr-header>.container{
	padding-top:24px!important;
}
body.superrecomendo .sr-brand-row{
	display:grid;
	grid-template-columns:auto 1fr minmax(300px,420px);
	align-items:center;
	gap:34px;
	padding-bottom:22px;
}
body.superrecomendo .sr-brand{
	display:flex;
	align-items:center;
	gap:12px;
	color:var(--sr-ink)!important;
}
body.superrecomendo .sr-brand-icon{
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 48px;
	border-radius:15px;
	background:var(--sr-green);
	color:#fff;
	font-size:22px;
	box-shadow:0 8px 20px rgba(23,107,77,.18);
}
body.superrecomendo .sr-brand-text{
	display:flex;
	flex-direction:column;
	line-height:.88;
}
body.superrecomendo .sr-brand-text strong{
	font-family:"Manrope",sans-serif;
	font-size:14px;
	font-weight:800;
	letter-spacing:.24em;
	color:var(--sr-green);
}
body.superrecomendo .sr-brand-text b{
	font-family:"Manrope",sans-serif;
	font-size:32px;
	font-weight:800;
	letter-spacing:-.05em;
	color:var(--sr-ink);
}
body.superrecomendo .sr-header-message{
	display:flex;
	flex-direction:column;
	gap:3px;
	padding-left:30px;
	border-left:1px solid var(--sr-line);
}
body.superrecomendo .sr-header-message-label{
	color:var(--sr-green);
	font-size:8px;
	font-weight:800;
	letter-spacing:.16em;
}
body.superrecomendo .sr-header-message strong{
	color:#4d5752;
	font-size:12px;
	font-weight:600;
}
body.superrecomendo .sr-search-form{
	display:flex;
	align-items:center;
	height:46px;
	padding-left:15px;
	border:1px solid #cfd9d2;
	border-radius:14px;
	background:#fff;
	overflow:hidden;
}
body.superrecomendo .sr-search-form>i{
	color:#7d8781;
	font-size:13px;
}
body.superrecomendo .sr-search-form input{
	flex:1;
	min-width:0;
	height:44px!important;
	padding:0 12px!important;
	border:0!important;
	outline:0!important;
	box-shadow:none!important;
	background:transparent!important;
	color:var(--sr-ink)!important;
	font-size:12px!important;
}
body.superrecomendo .sr-search-form button{
	align-self:stretch;
	min-width:78px;
	border:0;
	background:var(--sr-green);
	color:#fff;
	font-size:9px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	cursor:pointer;
}
body.superrecomendo .sr-search-form button:hover{
	background:var(--sr-green-dark);
}
body.superrecomendo .sr-only{
	position:absolute!important;
	width:1px!important;height:1px!important;
	padding:0!important;margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;border:0!important;
}

/* nav */
body.superrecomendo .sr-nav{
	border-top:1px solid var(--sr-line);
}
body.superrecomendo .sr-nav .sf-menu{
	float:none!important;
	display:flex!important;
	justify-content:flex-start;
	align-items:center;
	gap:28px;
	margin:0!important;
	padding:0!important;
}
body.superrecomendo .sr-nav .sf-menu>li{
	float:none!important;
	height:auto!important;
	line-height:normal!important;
	margin:0!important;
	padding:0!important;
}
body.superrecomendo .sr-nav .sf-menu>li>a{
	padding:14px 0!important;
	color:var(--sr-ink)!important;
	font-family:"DM Sans",sans-serif!important;
	font-size:9px!important;
	line-height:1.2!important;
	font-weight:800!important;
	letter-spacing:.08em!important;
	text-transform:uppercase!important;
}
body.superrecomendo .sr-nav .sf-menu>li>a:hover{
	color:var(--sr-green)!important;
}
body.superrecomendo .sr-nav .sf-menu ul{
	margin-top:0!important;
	background:var(--sr-charcoal)!important;
	border-radius:0 0 10px 10px;
	box-shadow:var(--sr-shadow);
}
body.superrecomendo .sr-nav .sf-menu li li{
	background:var(--sr-charcoal)!important;
}
body.superrecomendo .sr-nav .sf-menu li li a{
	color:#fff!important;
	font-size:10px!important;
	padding:11px 15px!important;
}
body.superrecomendo .sr-nav .sf-menu li li a:hover{
	background:var(--sr-green)!important;
}

/* news ticker */
body.superrecomendo .sr-newsbar{
	background:#fff;
	border-bottom:1px solid var(--sr-line);
	overflow:hidden;
}
body.superrecomendo .sr-newsbar-inner{
	display:flex;
	align-items:stretch;
	height:40px;
	overflow:hidden;
}
body.superrecomendo .sr-newsbar-label{
	flex:0 0 88px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	height:40px;
	background:var(--sr-yellow);
	color:#403510;
	font-size:8px;
	font-weight:800;
	letter-spacing:.12em;
}
body.superrecomendo .sr-newsbar-label i{font-size:11px;}
body.superrecomendo .sr-newsbar-viewport{
	flex:1;
	min-width:0;
	height:40px;
	overflow:hidden;
	display:flex;
	align-items:center;
}
body.superrecomendo .sr-newsbar-track{
	display:inline-flex;
	align-items:center;
	width:max-content;
	min-width:max-content;
	height:40px;
	white-space:nowrap;
	will-change:transform;
	animation:srTicker 44s linear infinite;
}
body.superrecomendo .sr-newsbar-track:hover{
	animation-play-state:paused;
}
body.superrecomendo .sr-newsbar-track a{
	display:inline-flex;
	align-items:center;
	height:40px;
	padding:0 20px;
	color:#35403a!important;
	font-size:11px;
	font-weight:600;
	white-space:nowrap;
}
body.superrecomendo .sr-newsbar-track a:hover{
	color:var(--sr-green)!important;
}
body.superrecomendo .sr-newsbar-dot{
	width:5px;
	height:5px;
	margin-right:10px;
	border-radius:50%;
	background:var(--sr-green);
}
@keyframes srTicker{
	from{transform:translateX(0);}
	to{transform:translateX(-50%);}
}

/* intro */
body.superrecomendo .sr-hero-intro{
	padding:42px 0 28px;
}
body.superrecomendo .sr-intro-grid{
	display:grid;
	grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);
	gap:50px;
	align-items:end;
}
body.superrecomendo .sr-kicker{
	display:inline-flex;
	align-items:center;
	gap:7px;
	margin-bottom:12px;
	color:var(--sr-green);
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
}
body.superrecomendo .sr-kicker i{
	color:var(--sr-yellow-dark);
}
body.superrecomendo .sr-intro-main h1{
	margin:0;
	max-width:820px;
	font-family:"Manrope",sans-serif;
	font-size:clamp(42px,4.8vw,68px);
	line-height:.98;
	font-weight:800;
	letter-spacing:-.055em;
	color:var(--sr-ink);
}
body.superrecomendo .sr-intro-main p{
	max-width:760px;
	margin:18px 0 0;
	color:#626d67;
	font-size:14px;
	line-height:1.7;
}
body.superrecomendo .sr-trust-card{
	display:flex;
	align-items:center;
	gap:14px;
	padding:20px;
	background:var(--sr-paper);
	border:1px solid var(--sr-line);
	border-radius:16px;
	box-shadow:var(--sr-shadow);
}
body.superrecomendo .sr-trust-icon{
	width:46px;
	height:46px;
	flex:0 0 46px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:var(--sr-green-soft);
	color:var(--sr-green);
	font-size:25px;
}
body.superrecomendo .sr-trust-card span{
	display:block;
	margin-bottom:4px;
	color:#7c8580;
	font-size:7px;
	font-weight:800;
	letter-spacing:.14em;
}
body.superrecomendo .sr-trust-card strong{
	display:block;
	color:var(--sr-ink);
	font-size:13px;
	line-height:1.35;
}

/* section heading */
body.superrecomendo .sr-section-heading{
	padding:0 0 14px;
}
body.superrecomendo .sr-section-heading-inner{
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:20px;
	padding-bottom:14px;
	border-bottom:1px solid var(--sr-line);
}
body.superrecomendo .sr-mini-label{
	display:block;
	margin-bottom:5px;
	color:var(--sr-green);
	font-size:8px;
	font-weight:800;
	letter-spacing:.14em;
}
body.superrecomendo .sr-section-heading h2{
	margin:0;
	font-family:"Manrope",sans-serif;
	font-size:28px;
	line-height:1;
	font-weight:800;
	letter-spacing:-.04em;
}
body.superrecomendo .sr-rating-mark{
	text-align:right;
}
body.superrecomendo .sr-rating-mark>span{
	display:block;
	margin-bottom:4px;
	color:#8b938e;
	font-size:7px;
	font-weight:800;
	letter-spacing:.13em;
}
body.superrecomendo .sr-rating-mark i{
	color:var(--sr-yellow-dark);
	font-size:12px;
	margin-left:1px;
}

/* destaques */
body.superrecomendo .news-featured{
	padding:0 0 40px!important;
	background:transparent!important;
}
body.superrecomendo .news-featured .row{
	margin-left:-9px;
	margin-right:-9px;
}
body.superrecomendo .news-featured .col-md-8,
body.superrecomendo .news-featured .col-md-4{
	padding-left:9px;
	padding-right:9px;
}
body.superrecomendo .news-featured .item{
	position:relative;
	overflow:hidden;
	background-size:cover!important;
	background-position:center!important;
	border-radius:16px;
	box-shadow:none!important;
}
body.superrecomendo .news-featured .first-col{
	height:550px!important;
}
body.superrecomendo .news-featured .second-col{
	height:266px!important;
	margin-bottom:18px!important;
}
body.superrecomendo .news-featured .text{
	position:absolute!important;
	inset:0!important;
	display:flex!important;
	align-items:flex-end!important;
	background:linear-gradient(180deg,rgba(6,18,13,.02) 15%,rgba(12,31,23,.82) 100%)!important;
}
body.superrecomendo .news-featured .text .inner{
	position:relative;
	z-index:2;
	width:100%;
	padding:30px!important;
}
body.superrecomendo .news-featured .text a{
	position:absolute!important;
	inset:0!important;
	z-index:4!important;
}
body.superrecomendo .news-featured h2{
	margin:0 0 9px!important;
	color:#fff!important;
	font-family:"Manrope",sans-serif!important;
	font-weight:800!important;
	letter-spacing:-.04em!important;
	line-height:1.02!important;
}
body.superrecomendo .news-featured .first-col h2{
	font-size:40px!important;
}
body.superrecomendo .news-featured .second-col h2{
	font-size:25px!important;
}
body.superrecomendo .news-featured p{
	color:#e6f1eb!important;
	font-size:8px!important;
	font-weight:800!important;
	letter-spacing:.1em!important;
	text-transform:uppercase!important;
}

/* anúncios */
body.superrecomendo .ad1,
body.superrecomendo .ad2,
body.superrecomendo .ad3{
	background:transparent!important;
}
body.superrecomendo .ad1{
	padding:0 0 34px!important;
}
body.superrecomendo .ad1 img,
body.superrecomendo .ad2 img,
body.superrecomendo .ad3 img{
	width:100%;
	height:auto;
	border-radius:12px;
}

/* notícias e categorias */
body.superrecomendo .news{
	padding:4px 0 72px!important;
	background:transparent!important;
}
body.superrecomendo .news .row{
	margin-left:-9px;
	margin-right:-9px;
}
body.superrecomendo .news [class*="col-"]{
	padding-left:9px;
	padding-right:9px;
}
body.superrecomendo .news .heading{
	margin:32px 0 20px!important;
	padding:0 0 12px!important;
	border-bottom:1px solid var(--sr-line)!important;
}
body.superrecomendo .news .heading h2{
	display:flex!important;
	align-items:center;
	gap:10px;
	margin:0!important;
	padding:0!important;
	background:transparent!important;
	color:var(--sr-ink)!important;
	font-family:"Manrope",sans-serif!important;
	font-size:30px!important;
	line-height:1!important;
	font-weight:800!important;
	letter-spacing:-.04em!important;
}
body.superrecomendo .news .heading h2:before{
	content:"";
	width:7px;
	height:24px;
	border-radius:999px;
	background:var(--sr-green);
}
body.superrecomendo .news .heading h2 a{
	color:var(--sr-ink)!important;
}
body.superrecomendo .news .heading h2 a:hover{
	color:var(--sr-green)!important;
}

body.superrecomendo .thumbnail,
body.superrecomendo .thumbnail1,
body.superrecomendo .thumbnail2{
	padding:0!important;
	margin-bottom:26px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	overflow:visible!important;
}
body.superrecomendo .thumbnail .photo,
body.superrecomendo .thumbnail1 .photo,
body.superrecomendo .thumbnail2 .photo{
	display:block!important;
	width:100%!important;
	height:auto!important;
	min-height:0!important;
	padding-top:64%!important;
	background-size:cover!important;
	background-position:center!important;
	border-radius:14px!important;
	overflow:hidden!important;
	cursor:pointer;
	box-shadow:0 8px 22px rgba(24,32,29,.06);
	transition:transform .25s ease,filter .25s ease;
}
body.superrecomendo .thumbnail .photo:hover,
body.superrecomendo .thumbnail1 .photo:hover,
body.superrecomendo .thumbnail2 .photo:hover{
	transform:translateY(-2px);
	filter:brightness(.96);
}
body.superrecomendo .thumbnail2{
	display:grid!important;
	grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)!important;
	gap:22px!important;
	align-items:center!important;
	padding-bottom:22px!important;
	border-bottom:1px solid var(--sr-line)!important;
}
body.superrecomendo .thumbnail2 .photo-content{
	width:100%!important;
}
body.superrecomendo .thumbnail2 .photo{
	padding-top:67%!important;
}
body.superrecomendo .thumbnail .caption,
body.superrecomendo .thumbnail1 .caption,
body.superrecomendo .thumbnail2 .caption{
	padding:13px 2px 0!important;
}
body.superrecomendo .thumbnail2 .caption{
	padding:0!important;
}
body.superrecomendo .thumbnail h3,
body.superrecomendo .thumbnail1 h3,
body.superrecomendo .thumbnail2 h3{
	margin:0 0 8px!important;
}
body.superrecomendo .thumbnail h3 a,
body.superrecomendo .thumbnail1 h3 a,
body.superrecomendo .thumbnail2 h3 a{
	color:var(--sr-ink)!important;
	font-family:"Manrope",sans-serif!important;
	font-size:21px!important;
	line-height:1.13!important;
	font-weight:800!important;
	letter-spacing:-.03em!important;
}
body.superrecomendo .thumbnail2 h3 a{
	font-size:27px!important;
}
body.superrecomendo .thumbnail h3 a:hover,
body.superrecomendo .thumbnail1 h3 a:hover,
body.superrecomendo .thumbnail2 h3 a:hover{
	color:var(--sr-green)!important;
}
body.superrecomendo .thumbnail h4,
body.superrecomendo .thumbnail1 h4,
body.superrecomendo .thumbnail2 h4{
	margin:0 0 8px!important;
	color:#7f8983!important;
	font-size:8px!important;
	line-height:1.5!important;
	font-weight:800!important;
	letter-spacing:.05em!important;
	text-transform:uppercase!important;
}
body.superrecomendo .thumbnail h4 i,
body.superrecomendo .thumbnail1 h4 i,
body.superrecomendo .thumbnail2 h4 i{
	color:var(--sr-green)!important;
}
body.superrecomendo .thumbnail p,
body.superrecomendo .thumbnail1 p,
body.superrecomendo .thumbnail2 p{
	color:#69736d!important;
	font-size:12px!important;
	line-height:1.65!important;
}

/* sidebar */
body.superrecomendo .sidebar{
	padding-left:18px!important;
}
body.superrecomendo .sidebar .widget,
body.superrecomendo .search-sidebar,
body.superrecomendo .newsletter-sidebar{
	margin-bottom:20px!important;
	padding:19px!important;
	background:var(--sr-paper)!important;
	border:1px solid var(--sr-line)!important;
	border-radius:14px!important;
	box-shadow:none!important;
}
body.superrecomendo h2.sidebar-heading,
body.superrecomendo .sidebar h2,
body.superrecomendo .sidebar h3,
body.superrecomendo .sidebar h4{
	color:var(--sr-ink)!important;
	font-family:"Manrope",sans-serif!important;
	font-weight:800!important;
}
body.superrecomendo h2.sidebar-heading{
	padding:0 0 10px!important;
	background:transparent!important;
	border-bottom:2px solid var(--sr-green);
	font-size:22px!important;
}
body.superrecomendo .sidebar a{
	color:var(--sr-ink)!important;
}
body.superrecomendo .sidebar a:hover{
	color:var(--sr-green)!important;
}
body.superrecomendo .search-sidebar{
	padding:0!important;
	overflow:hidden!important;
}
body.superrecomendo .search-sidebar form{
	display:flex;
}
body.superrecomendo .search-sidebar input[type="text"]{
	width:100%!important;
	height:42px!important;
	padding:0 12px!important;
	border:0!important;
	background:#fff!important;
	color:var(--sr-ink)!important;
}
body.superrecomendo .search-sidebar input[type="submit"]{
	height:42px!important;
	border:0!important;
	background:var(--sr-green)!important;
	color:#fff!important;
	font-size:9px!important;
	font-weight:800!important;
	text-transform:uppercase!important;
}
body.superrecomendo .newsletter-sidebar h2,
body.superrecomendo .newsletter-sidebar p{
	color:var(--sr-ink)!important;
}

/* article */
body.superrecomendo .sr-article-page{
	padding:50px 0 90px;
	background:var(--sr-bg);
}
body.superrecomendo .sr-article{
	max-width:1040px;
	margin:0 auto;
}
body.superrecomendo .sr-breadcrumb{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:26px;
	color:#7c8580;
	font-size:9px;
	font-weight:700;
	letter-spacing:.05em;
}
body.superrecomendo .sr-breadcrumb a{
	color:var(--sr-green)!important;
}
body.superrecomendo .sr-article-badge{
	display:inline-flex;
	align-items:center;
	gap:7px;
	margin-bottom:14px;
	padding:7px 10px;
	border-radius:999px;
	background:var(--sr-green-soft);
	color:var(--sr-green);
	font-size:8px;
	font-weight:800;
	letter-spacing:.1em;
}
body.superrecomendo .sr-article-badge i{
	font-size:12px;
}
body.superrecomendo .sr-article-title{
	margin:0;
	max-width:950px;
	color:var(--sr-ink);
	font-family:"Manrope",sans-serif;
	font-size:clamp(44px,5.8vw,76px);
	line-height:.98;
	font-weight:800;
	letter-spacing:-.055em;
}
body.superrecomendo .sr-article-meta{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	margin-top:22px;
	padding-top:15px;
	border-top:1px solid var(--sr-line);
	color:#737d77;
	font-size:9px;
	font-weight:700;
	letter-spacing:.03em;
	text-transform:uppercase;
}
body.superrecomendo .sr-article-meta i{
	color:var(--sr-green);
	margin-right:5px;
}
body.superrecomendo .sr-article-hero{
	margin:30px 0 36px;
	overflow:hidden;
	border-radius:18px;
	background:#ddd;
	box-shadow:var(--sr-shadow);
}
body.superrecomendo .sr-article-hero img{
	display:block;
	width:100%;
	height:auto;
}
body.superrecomendo .sr-article-body-grid{
	display:grid;
	grid-template-columns:190px minmax(0,760px);
	gap:34px;
	justify-content:center;
	align-items:start;
}
body.superrecomendo .sr-article-aside{
	position:sticky;
	top:18px;
}
body.superrecomendo .sr-aside-box{
	padding:16px;
	border:1px solid var(--sr-line);
	border-radius:14px;
	background:#fff;
}
body.superrecomendo .sr-aside-box>i{
	display:block;
	margin-bottom:9px;
	color:var(--sr-yellow-dark);
	font-size:20px;
}
body.superrecomendo .sr-aside-box>span,
body.superrecomendo .sr-share-box>span{
	display:block;
	margin-bottom:7px;
	color:var(--sr-green);
	font-size:7px;
	font-weight:800;
	letter-spacing:.12em;
}
body.superrecomendo .sr-aside-box p{
	margin:0;
	color:#727c76;
	font-size:10px;
	line-height:1.55;
}
body.superrecomendo .sr-share-box{
	margin-top:18px;
}
body.superrecomendo .sr-article-content{
	color:#303733;
	font-size:17px;
	line-height:1.85;
}
body.superrecomendo .sr-article-content p{
	margin:0 0 1.45em;
}
body.superrecomendo .sr-article-content h2,
body.superrecomendo .sr-article-content h3,
body.superrecomendo .sr-article-content h4{
	color:var(--sr-ink);
	font-family:"Manrope",sans-serif;
	font-weight:800;
	line-height:1.08;
	letter-spacing:-.035em;
}
body.superrecomendo .sr-article-content h2{
	font-size:34px;
	margin:1.25em 0 .5em;
}
body.superrecomendo .sr-article-content h3{
	font-size:28px;
	margin:1.25em 0 .5em;
}
body.superrecomendo .sr-article-content img{
	max-width:100%!important;
	height:auto!important;
	border-radius:14px!important;
}
body.superrecomendo .sr-article-content a{
	color:var(--sr-green)!important;
	text-decoration:underline;
}
body.superrecomendo .sr-article-content blockquote{
	margin:32px 0;
	padding:17px 20px;
	border-left:4px solid var(--sr-green);
	border-radius:0 12px 12px 0;
	background:var(--sr-green-soft);
	color:var(--sr-green-dark);
	font-size:21px;
	line-height:1.45;
	font-weight:600;
}
body.superrecomendo .sr-article-ad{
	max-width:760px;
	margin:42px auto 0;
}
body.superrecomendo .sr-ad-label{
	margin-bottom:8px;
	color:#8b948f;
	font-size:7px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
}
body.superrecomendo .sr-article-ad img{
	width:100%;
	height:auto;
	border-radius:12px;
}

/* footer */
body.superrecomendo .footer-main{
	padding:50px 0 40px!important;
	background:var(--sr-charcoal)!important;
	color:#d9dfdb!important;
	border-top:5px solid var(--sr-green);
}
body.superrecomendo .footer-main h3{
	margin:0 0 16px!important;
	color:#fff!important;
	font-family:"Manrope",sans-serif!important;
	font-size:21px!important;
	font-weight:800!important;
	letter-spacing:-.03em!important;
}
body.superrecomendo .footer-main p,
body.superrecomendo .footer-main .text,
body.superrecomendo .footer-main h4{
	color:#aeb8b2!important;
	font-size:10px!important;
	line-height:1.6!important;
}
body.superrecomendo .footer-main a{
	color:#fff!important;
}
body.superrecomendo .footer-main a:hover{
	color:#9ad7b8!important;
}
body.superrecomendo .footer-main .thumbnail3{
	display:grid!important;
	grid-template-columns:68px 1fr!important;
	gap:11px!important;
	margin-bottom:12px!important;
}
body.superrecomendo .footer-main .thumbnail3 .photo{
	width:68px!important;
	height:68px!important;
	padding:0!important;
	border-radius:10px!important;
	background-size:cover!important;
	background-position:center!important;
}
body.superrecomendo .footer-main .thumbnail3 h3{
	font-family:"DM Sans",sans-serif!important;
	font-size:11px!important;
	line-height:1.3!important;
	font-weight:700!important;
	letter-spacing:0!important;
}
body.superrecomendo .footer-bottom{
	padding:15px 0!important;
	background:#171b19!important;
	color:#8d9691!important;
	font-size:9px!important;
	letter-spacing:.03em;
}
body.superrecomendo .scrollup i{
	background:var(--sr-green)!important;
	border-color:var(--sr-green)!important;
}
body.superrecomendo .sr-clickable-photo{
	cursor:pointer!important;
}

/* mobile */
@media(max-width:991px){
	body.superrecomendo .sr-brand-row{
		grid-template-columns:1fr;
		gap:18px;
	}
	body.superrecomendo .sr-brand{
		justify-content:center;
	}
	body.superrecomendo .sr-header-message{
		display:none;
	}
	body.superrecomendo .sr-search-form{
		width:min(100%,560px);
		margin:0 auto;
	}
	body.superrecomendo .sr-nav .sf-menu{
		display:none!important;
	}
	body.superrecomendo .slicknav_menu{
		display:block!important;
		background:var(--sr-paper)!important;
		padding:0 18px 12px!important;
	}
	body.superrecomendo .slicknav_btn{
		float:none!important;
		display:flex!important;
		justify-content:center!important;
		align-items:center!important;
		margin:0 auto!important;
		background:var(--sr-green)!important;
		border-radius:10px!important;
		width:46px!important;
		height:36px!important;
	}
	body.superrecomendo .slicknav_nav{
		margin-top:9px!important;
		background:var(--sr-charcoal)!important;
		border-radius:12px!important;
		overflow:hidden!important;
	}
	body.superrecomendo .slicknav_nav a{
		color:#fff!important;
		font-size:10px!important;
		font-weight:700!important;
	}
	body.superrecomendo .sr-intro-grid{
		grid-template-columns:1fr;
		gap:22px;
	}
	body.superrecomendo .sidebar{
		padding-left:0!important;
		margin-top:30px;
	}
	body.superrecomendo .sr-article-body-grid{
		grid-template-columns:1fr;
	}
	body.superrecomendo .sr-article-aside{
		position:static;
		display:none;
	}
}

@media(max-width:767px){
	body.superrecomendo .sr-topbar .container,
	body.superrecomendo .sr-header>.container,
	body.superrecomendo .sr-newsbar>.container,
	body.superrecomendo .sr-hero-intro>.container,
	body.superrecomendo .sr-section-heading>.container,
	body.superrecomendo .news-featured>.container,
	body.superrecomendo .news>.container,
	body.superrecomendo .ad1>.container,
	body.superrecomendo .sr-article-page>.container,
	body.superrecomendo .footer-main>.container{
		padding-left:18px!important;
		padding-right:18px!important;
	}
	body.superrecomendo .sr-topbar-right>span{
		display:none;
	}
	body.superrecomendo .sr-topbar-copy span{
		font-size:7px;
	}
	body.superrecomendo .sr-brand-text b{
		font-size:28px;
	}
	body.superrecomendo .sr-brand-icon{
		width:44px;
		height:44px;
		flex-basis:44px;
	}
	body.superrecomendo .sr-newsbar>.container{
		padding-left:0!important;
		padding-right:0!important;
	}
	body.superrecomendo .sr-newsbar-label{
		flex-basis:76px;
	}
	body.superrecomendo .sr-newsbar-track a{
		font-size:10px;
		padding:0 16px;
	}
	body.superrecomendo .sr-hero-intro{
		padding-top:30px;
	}
	body.superrecomendo .sr-intro-main h1{
		font-size:42px;
	}
	body.superrecomendo .sr-intro-main p{
		font-size:13px;
	}
	body.superrecomendo .sr-section-heading-inner{
		align-items:flex-start;
	}
	body.superrecomendo .sr-section-heading h2{
		font-size:24px;
	}
	body.superrecomendo .sr-rating-mark{
		display:none;
	}
	body.superrecomendo .news-featured .first-col{
		height:420px!important;
		margin-bottom:15px!important;
	}
	body.superrecomendo .news-featured .second-col{
		height:235px!important;
	}
	body.superrecomendo .news-featured .text .inner{
		padding:22px!important;
	}
	body.superrecomendo .news-featured .first-col h2{
		font-size:32px!important;
	}
	body.superrecomendo .news-featured .second-col h2{
		font-size:23px!important;
	}
	body.superrecomendo .news .heading h2{
		font-size:26px!important;
	}
	body.superrecomendo .thumbnail2{
		grid-template-columns:1fr!important;
		gap:0!important;
	}
	body.superrecomendo .thumbnail2 .caption{
		padding-top:12px!important;
	}
	body.superrecomendo .thumbnail h3 a,
	body.superrecomendo .thumbnail1 h3 a,
	body.superrecomendo .thumbnail2 h3 a{
		font-size:21px!important;
	}
	body.superrecomendo .sr-article-page{
		padding-top:32px;
	}
	body.superrecomendo .sr-article-title{
		font-size:42px;
	}
	body.superrecomendo .sr-article-meta{
		display:grid;
		gap:7px;
	}
	body.superrecomendo .sr-article-content{
		font-size:16px;
		line-height:1.8;
	}
	body.superrecomendo .sr-article-content h2{
		font-size:30px;
	}
	body.superrecomendo .sr-article-content h3{
		font-size:25px;
	}
}

@media(max-width:450px){
	body.superrecomendo .sr-brand-text strong{
		font-size:11px;
	}
	body.superrecomendo .sr-brand-text b{
		font-size:25px;
	}
	body.superrecomendo .sr-intro-main h1{
		font-size:38px;
	}
	body.superrecomendo .sr-article-title{
		font-size:38px;
	}
}