🤝 A diferença que fizemos * {
box-sizing: border-box;
}.slider-section {
margin: 20px 0;
position: relative;
width: 100%;
}.testimonial-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 16px;
padding: 10px 4px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}.testimonial-slider::-webkit-scrollbar {
display: none;
}.testimonial-slide {
flex: 0 0 275px;
scroll-snap-align: start;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: center;
padding: 16px;
height: auto;
}.testimonial-slide img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 12px;
}.testimonial-quote {
font-style: italic;
font-size: 14px;
line-height: 1.4;
text-align: center;
margin: 0 0 12px 0;
color: #444;
flex-grow: 1;
}.testimonial-quote a {
color: #0066cc;
text-decoration: none;
font-weight: 600;
}.testimonial-name {
font-weight: bold;
font-size: 14px;
color: #222;
text-align: center;
margin: 0;
}@media (max-width: 768px) {
.testimonial-slide {
flex: 0 0 85%;
}
}.dots {
display: flex;
justify-content: center;
align-items: center;
margin-top: 14px;
gap: 8px;
}.dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
}.dot.active {
background: #333;
transform: scale(1.2);
}
“Aos 34 anos de Kolkata, eu queria construir uma força real, não apenas o tamanho. Com um treinamento consistente e uma nutrição certa, transformei meu corpo e confiança.” Continue lendo
Uttam, 34 anos
Trabalhando longas horas nele, meu peso continuou subindo. O FreakToFit me ajudou a redefinir meus hábitos – agora estou 15 kg mais leve e cheio de energia novamente. Continue lendo
Gourav, 30 anos
“Quando fiz 34 anos, percebi que meu estilo de vida estava cobrando seu preço. Com um plano simples e sustentável da FreaktoFit, eu perdi 9 kg e me sinto eu mesma novamente.” Continue lendo
Santanu, 34 anos
Quando me aproximei dos 30 anos e vi meu corpo escorregando, assumi o controle com a orientação de Freaktofit. Uma dieta equilibrada e exercícios inteligentes mudaram tudo para mim. Continue lendo
Kiran, 30 anos
Eu costumava lutar com gordura da barriga e baixo vigor. A abordagem personalizada do FreakToFit me ajudou a perder 13 kg, mantendo minha rotina realista e flexível. Continue lendo
Sumanto, 35 anos
document.addEventListener(‘DOMContentLoaded’, () => {
const slider = document.getElementById(‘slider’);
const dotsContainer = document.getElementById(‘dots’);
const slides = slider.querySelectorAll(‘.testimonial-slide’);if (!slider || slides.length === 0) return;// Dynamically build dot indicators based on actual slide count
slides.forEach((_, index) => {
const dot = document.createElement(‘div’);
dot.classList.add(‘dot’);
if (index === 0) dot.classList.add(‘active’);
dot.addEventListener(‘click’, () => {
slides[index].scrollIntoView({ behavior: ‘smooth’, inline: ‘start’, block: ‘nearest’ });
});
dotsContainer.appendChild(dot);
});const dots = dotsContainer.querySelectorAll(‘.dot’);// Update dots dynamically on scroll using Intersection Observer
const observerOptions = {
root: slider,
threshold: 0.6
};const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const slideIndex = Array.from(slides).indexOf(entry.target);
dots.forEach(d => d.classList.remove(‘active’));
if (dots[slideIndex]) dots[slideIndex].classList.add(‘active’);
}
});
}, observerOptions);slides.forEach(slide => observer.observe(slide));
});
sobre nós “Freaktofit! Este somos nós” Atrás do FreaktoFit está um grupo apaixonado e dedicado, que tem apenas um objetivo – inspirar uma vida mais saudável. Estamos absolutamente convencidos de que uma das mudanças mais poderosas que podem acontecer é a combinação de alimentação consciente e condicionamento físico equilibrado. saiba mais
:root {
–rw-primary: #0f766e;
–rw-text-dark: #1e293b;
–rw-text-muted: #64748b;
–rw-star-color: #ffb800;
–rw-verified-color: #0ea5e9;
–rw-card-bg: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
}.rw-widget-box {
width: 100%;
max-width: 1440px;
margin: 40px auto;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
padding: 40px 30px;
box-sizing: border-box;
background: #ffffff;
border-radius: 32px;
position: relative;
border: 2px solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #0f766e 0%, #0ea5e9 50%, #4f46e5 100%);
background-origin: border-box;
background-clip: padding-box, border-box;
box-shadow:
0 15px 35px -5px rgba(15, 118, 110, 0.2),
0 25px 50px -10px rgba(14, 165, 233, 0.15),
0 10px 25px -5px rgba(79, 70, 229, 0.1);
}
.rw-title {
font-size: 20px;
font-weight: 800;
color: var(–rw-primary);
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 12px;
letter-spacing: -0.01em;
}.rw-title-text {
position: relative;
padding-bottom: 6px;
}.rw-title-text::after {
content: ”;
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3.5px;
background: linear-gradient(90deg, #0f766e, #2dd4bf);
border-radius: 2px;
}.rw-card {
background: var(–rw-card-bg);
border-radius: 24px;
padding: 30px;
box-shadow: 0 10px 25px -5px rgba(15, 118, 110, 0.04), 0 8px 10px -6px rgba(15, 118, 110, 0.04);
border: 1px solid #f1f5f9;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 250px;
height: 100%;
box-sizing: border-box;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}
.rw-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 25px -5px rgba(15, 118, 110, 0.08), 0 10px 10px -5px rgba(15, 118, 110, 0.04);
border-color: #e2e8f0;
}
.rw-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px;
}
.rw-profile {
display: flex;
align-items: flex-start;
gap: 16px;
}
.rw-avatar-target {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}.rw-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-size: 1.1rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
flex-shrink: 0;
object-fit: cover;
}
.rw-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.rw-name {
font-size: 1.1rem;
font-weight: 700;
color: var(–rw-text-dark);
line-height: 1.2;
display: inline-block;
}
.rw-card:hover .rw-name {
color: var(–rw-primary);
text-decoration: underline;
}
.rw-time-trigger {
font-size: 0.8rem;
color: var(–rw-text-muted);
display: inline-flex;
align-items: center;
gap: 5px;
position: relative;
cursor: pointer;
line-height: 1.2;
}.rw-small-tick {
color: var(–rw-verified-color);
font-size: 0.75rem;
}.rw-time-trigger::after {
content: attr(data-tip);
position: absolute;
top: 115%;
left: 0;
background: var(–rw-text-dark);
color: #fff;
padding: 6px 12px;
font-size: 0.75rem;
border-radius: 8px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transform: translateY(5px) scale(0.95);
transform-origin: top left;
transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 999;
font-weight: 500;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}.rw-time-trigger:hover::after {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.rw-time-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}.rw-badge {
font-size: 0.7rem;
padding: 1px 6px;
border-radius: 4px;
font-weight: 600;
text-transform: uppercase;
}.rw-badge-latest {
background: rgba(15, 118, 110, 0.1);
color: var(–rw-primary);
}.rw-badge-oldest {
background: rgba(100, 116, 139, 0.1);
color: var(–rw-text-muted);
}
.rw-gicon {
font-size: 1.25rem;
background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 110deg 220deg, #34a853 220deg 315deg, #fbbc05 315deg);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.rw-meta {
display: flex;
align-items: center;
margin-top: 2px;
}
.rw-stars {
color: var(–rw-star-color);
font-size: 0.85rem;
display: flex;
gap: 2px;
}
.rw-text {
font-size: 0.95rem;
line-height: 1.6;
color: #475569;
margin: 14px 0 0 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
flex-grow: 1;
}.swiper-pagination {
position: relative !important;
margin-top: 30px;
}
.swiper-pagination-bullet {
background: #cbd5e1 !important;
opacity: 1 !important;
transition: all 0.3s ease;
}.swiper-pagination-bullet-active {
background: linear-gradient(135deg, var(–rw-primary), #2dd4bf) !important;
width: 24px !important;
border-radius: 6px !important;
}@media (max-width: 768px) {
.rw-title { font-size: 18.5px; margin-bottom: 20px; }
.rw-card { padding: 22px; min-height: 210px; }
.rw-widget-box { padding: 25px 15px; margin: 20px auto; border-radius: 24px; }
}
document.addEventListener(“DOMContentLoaded”, function() {
const profileImages = [“”, “”, “”];
const timestamps = [
new Date().getTime() – (7 * 30 * 24 * 60 * 60 * 1000),
new Date().getTime() – (3 * 30 * 24 * 60 * 60 * 1000),
new Date().getTime() – (365 * 24 * 60 * 60 * 1000)
];const maxTime = Math.max(…timestamps);
const minTime = Math.min(…timestamps);document.querySelectorAll(“.rw-card”).forEach((card, index) => {
const targetBadgeArea = card.querySelector(“.rw-badge-placeholder”);
if (targetBadgeArea) {
if (timestamps[index] === maxTime) {
targetBadgeArea.outerHTML = ‘
Latest ‘;
} else if (timestamps[index] === minTime) {
targetBadgeArea.outerHTML = ‘
mais velho ‘;
}
}if (profileImages[index]) {
const nameAttr = card.querySelector(“.rw-name”).textContent;
card.querySelector(“.rw-avatar-target”).innerHTML = `
`;
}
});// Swiper Engine Initialization
new Swiper(“.rwSwiper”, {
slidesPerView: 1,
spaceBetween: 20,
grabCursor: true,
autoplay: {
delay: 4500,
disableOnInteraction: false,
pauseOnMouseEnter: true
},
pagination: {
el: “.swiper-pagination”,
clickable: true
},
breakpoints: {
320: { slidesPerView: 1, spaceBetween: 16 },
640: { slidesPerView: 1.5, spaceBetween: 16 },
768: { slidesPerView: 2, spaceBetween: 20 },
1024: { slidesPerView: 3, spaceBetween: 24 }
},
on: {
click: function (swiper, event) {
const clickedCard = event.target.closest(‘.rw-card’);
if (clickedCard) {
const url = clickedCard.getAttribute(‘data-url’);
if (url) {
window.open(url, ‘_blank’);
}
}
}
}
});
});
Explore o melhor
recém-fabricado
condição
ferramentas de saúde
Ferramentas de IA
nutrição Jessica Corwin (nutricionista), MPH, RDN
ioga Shirin Mehdi (especialista em ioga), Yi
ioga Sarah Waskevich (especialista em ioga), Yi
ioga Sara Clark (especialista em ioga), EYT
condição Hannah Shine (especialista em fitness), PT
condição Charushila Biswas (expert em fitness), Issa
condição Charushila Biswas (expert em fitness), Issa
condição Uttam (treinador de fitness e ioga), PT
ferramentas de saúde Nebadita (especialista em dieta e saúde), M.S.
ferramentas de saúde Swathi Handoo (especialista em saúde), nós
ferramentas de saúde Uttam (treinador de fitness e ioga), PT
ferramentas de saúde Uttam (treinador de fitness e ioga), PT
Ferramentas de IA Uttam (treinador de fitness e ioga), PT
Ferramentas de IA Uttam (treinador de fitness e ioga), PT
Ferramentas de IA Uttam (treinador de fitness e ioga), PT
Ferramentas de IA Uttam (treinador de fitness e ioga), PT
📕 Revista F2F div.magscroll {
background-color: #fff;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
padding: 10px 0;
display: flex;
gap: 16px;
}/* Hide scrollbar for Chrome, Safari and Opera */
div.magscroll::-webkit-scrollbar {
display: none;
}div.magscroll a {
display: inline-block;
flex: 0 0 auto;
scroll-snap-align: start;
color: black;
text-align: center;
font-weight: bold;
font-size: 16.5px;
padding: 0;
text-decoration: none;
transition: transform 0.2s ease;
}div.magscroll a:hover {
transform: translateY(-4px);
}div.magscroll img {
display: block;
width: 275px;
height: 380px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}@media (max-width: 768px) {
div.magscroll {
gap: 12px;
}div.magscroll a {
font-size: 14px;
}div.magscroll img {
width: 220px;
height: 304px;
}
}
:root {
–card-bg: #1e1453; /* Deep purple background */
–card-topline: #3a9dff; /* Light blue top border */
–text: #ffffff;
–muted: rgba(255, 255, 255, 0.9);
–cta: #ffd300; /* Yellow CTA text */
–radius: 12px;
–maxw: 980px;
font-family: “Poppins”, “Inter”, system-ui, -apple-system, sans-serif;
}/* Wrapper */
.integrity-card {
width: 96%;
max-width: var(–maxw);
margin: 25px auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}/* Main container */
.integrity-inner {
background: var(–card-bg);
color: var(–text);
border-radius: var(–radius);
border-top: 6px solid var(–card-topline);
padding: 24px 28px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}/* Header styles */
.ic-title {
margin: 0 0 6px 0;
font-size: 1.55rem;
font-weight: 700;
letter-spacing: -0.2px;
color: #ffffff;
}.ic-sub {
color: var(–muted);
font-size: 0.95rem;
line-height: 1.5;
margin: 0 0 18px 0;
font-weight: 500;
}/* Checklist grid */
.ic-list {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
display: grid;
gap: 14px;
}.ic-list li {
display: flex;
align-items: center;
gap: 12px;
}/* Icon container & alignment */
.ic-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}.ic-icon svg {
width: 26px;
height: 26px;
stroke: var(–card-topline);
}/* Text list items */
.ic-text {
font-size: 0.97rem;
line-height: 1.4;
color: var(–text);
font-weight: 600;
}/* CTA Link */
.ic-cta {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(–cta) !important;
font-weight: 700;
text-decoration: none;
letter-spacing: 0.3px;
font-size: 0.95rem;
transition: transform 0.2s ease, text-decoration 0.2s ease;
}.ic-cta:hover,
.ic-cta:focus,
.ic-cta:visited {
color: var(–cta) !important;
text-decoration: underline;
transform: translateX(3px);
}/* Responsive styling */
@media (max-width: 480px) {
.integrity-inner {
padding: 20px 18px;
border-top-width: 5px;
}
.ic-title {
font-size: 1.35rem;
}
.ic-text {
font-size: 0.92rem;
}
.ic-icon {
width: 28px;
height: 28px;
}
.ic-icon svg {
width: 22px;
height: 22px;
}
}
A integridade científica e de conteúdo é importante para nós Na FreaktoFit, mantemos altos padrões de pesquisa e qualidade editorial. Nosso conteúdo foi desenvolvido para capacitar você a tomar decisões informadas para uma saúde melhor. Veja como criamos conteúdo para você:
Escrito por especialistas em saúde e fitness
Baseado em evidências com pesquisas apoiadas pela ciência
Revisado médico por nossos especialistas
Atualizado continuamente para refletir os avanços médicos
Leia nosso processo editorial →
🧑🏻🔬analisadores /* =========================
MAIN CARD
========================= */
.test-card {
background-color: #fffbe6; /* Light yellow background */
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 12px;
display: flex;
flex-direction: column; /* Mobile default stack */
box-sizing: border-box;
}/* =========================
EACH ITEM (FULL CLICKABLE AREA)
========================= */
.test-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 12px;
border-bottom: 1px dotted #d6d6d6;
text-decoration: none;
color: #000;
border-radius: 8px;
transition: background-color 0.2s ease, transform 0.2s ease;
}.test-item:last-child {
border-bottom: none;
}.test-item:hover {
background-color: rgba(0, 0, 0, 0.04);
}/* LINK TEXT */
.test-item-title {
font-size: 16px;
font-weight: 600;
color: #000;
line-height: 1.3;
}.test-item:hover .test-item-title {
text-decoration: underline;
}/* ICON */
.test-item img {
width: 50px;
height: 50px;
object-fit: contain;
flex-shrink: 0;
}/* =========================
DESKTOP VIEW
========================= */
@media (min-width: 768px) {
.test-card {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
padding: 16px;
}.test-item {
flex-direction: column;
justify-content: center;
text-align: center;
border-bottom: none;
border-right: 1px dotted #d6d6d6;
padding: 20px 12px;
flex: 1;
gap: 14px;
}.test-item:last-child {
border-right: none;
}.test-item img {
margin-top: 0;
}
}
* {
box-sizing: border-box;
}.slider-container {
max-width: 1200px;
margin: 20px auto;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;/* Hide scrollbar across browsers */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
padding: 8px 4px;
}.slider-container::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}.slider-wrapper {
display: flex;
gap: 16px;
}.slide {
flex: 0 0 calc(16.666% – 14px);
scroll-snap-align: start;
min-width: 150px;
}.card {
background: #d6f3ff;
border-radius: 12px;
padding: 16px 10px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
height: 100%;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}.card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}.card img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
}.card .doctor-name {
display: block;
font-weight: bold;
margin-top: 10px;
text-decoration: underline;
color: #000;
font-size: 15px;
line-height: 1.2;
}.card p {
margin: 4px 0 0;
font-size: 13px;
color: #333;
}/* Tablet */
@media (max-width: 768px) {
.slide {
flex: 0 0 calc(33.333% – 11px);
}
}/* Mobile */
@media (max-width: 480px) {
.slide {
flex: 0 0 140px;
min-width: 140px;
}.card {
padding: 12px 8px;
}.card img {
width: 60px;
height: 60px;
}.card .doctor-name {
font-size: 14px;
margin-top: 8px;
}.card p {
font-size: 11px;
}
}
Aprenda a ciência por trás
✉ foco div.cardscroll {
background-color: #fff;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
padding: 10px 0;
display: flex;
gap: 16px;
}/* Hide scrollbar for Chrome, Safari, and Opera */
div.cardscroll::-webkit-scrollbar {
display: none;
}div.cardscroll a {
display: inline-block;
flex: 0 0 auto;
scroll-snap-align: start;
color: black;
text-align: center;
font-weight: bold;
font-size: 16.5px;
padding: 0;
text-decoration: none;
transition: transform 0.2s ease;
}div.cardscroll a:hover {
transform: translateY(-4px);
}div.cardscroll img {
display: block;
width: 275px;
height: 380px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}@media (max-width: 768px) {
div.cardscroll {
gap: 12px;
}div.cardscroll a {
font-size: 14px;
}div.cardscroll img {
width: 220px;
height: 304px;
}
}
