🤝 A diferença que fizemos { box-sizing: border-box; }
.slider-section {
margin: 20px 0;
position: relative;
}
.testimonial-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 16px;
padding: 10px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.testimonial-slider::-webkit-scrollbar { display: none; }
.testimonial-slide {
flex: 0 0 auto;
scroll-snap-align: start;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
width: 275px;
min-height: 360px;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
}
.testimonial-slide img {
width: 100%;
border-radius: 8px;
margin-bottom: 8px;
}
.testimonial-quote {
font-style: italic;
font-size: 14px;
text-align: center;
margin: 8px 0;
}
.testimonial-name {
font-weight: bold;
font-size: 14px;
color: #333;
text-align: center;
}
@media (max-width: 768px) {
.testimonial-slide {
min-width: 250px;
min-height: 420px;
}
.testimonial-slide img {
width: 130%;
}
.testimonial-quote,
.testimonial-name {
font-size: 15px;
font-weight: bold;
}
}
.dots {
display: none;
}
@media (min-width: 769px) {
.dots {
display: flex;
justify-content: center;
margin-top: 12px;
}
}
.dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #bbb;
margin: 0 5px;
cursor: pointer;
transition: background 0.3s;
}
.dot.active {
background: #333;
}
Aos 34 anos de Kolkata, eu queria construir uma força real, não apenas do tamanho. Com um treinamento consistente e uma nutrição certa, transformei meu corpo e minha confiança – uma experiência que mais tarde me inspirou a iniciar o Freaktofit. 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
const slider = document.getElementById(‘slider’);
const dots = document.querySelectorAll(‘.dot’);function scrollToGroup(index) {
const slideWidth = document.querySelector(‘.testimonial-slide’).offsetWidth + 16; // include gap
const scrollX = index * slideWidth * 3; // show ~3 slides per group
slider.scrollTo({ left: scrollX, behavior: ‘smooth’ });
}dots.forEach(dot => {
dot.addEventListener(‘click’, () => {
dots.forEach(d => d.classList.remove(‘active’));
dot.classList.add(‘active’);
const index = parseInt(dot.getAttribute(‘data-index’));
scrollToGroup(index);
});
});// Auto-update dot on scroll (optional)
slider.addEventListener(‘scroll’, () => {
const scrollLeft = slider.scrollLeft;
const groupWidth = (document.querySelector(‘.testimonial-slide’).offsetWidth + 16) * 3;
const activeIndex = scrollLeft >= groupWidth / 2 ? 1 : 0;
dots.forEach(dot => dot.classList.remove(‘active’));
if (dots[activeIndex]) dots[activeIndex].classList.add(‘active’);
});
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 (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: {
// Intercepts Swiper’s native tap lifecycle safely across all environments
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
ioga Sara Clark (especialista em ioga), EYT
ioga Sarah Waskevich (especialista em ioga), Yi
ioga Shirin Mehdi (especialista em ioga), Yi
condição Andrew Siepka (expert em fitness), NSCA
condição Uttam (treinador de fitness e ioga), PT
condição Uttam (treinador de fitness e ioga), PT
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: hidden;
}div.magscroll a {
display: inline-block;
color: black;
text-align: center;
font-weight: bold;
font-size: 16.5px;
padding: 8px;
text-decoration: none;
}div.magscroll a:hover {
background-color: #fff;
}@media (max-width: 768px) {
div.magscroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}div.magscroll::-webkit-scrollbar {
display: none;
}div.magscroll a {
font-size: 14px;
}
}
: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: 10px;
–maxw: 980px;
font-family: “Poppins”, “Inter”, system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;
}/* wrapper centers the card */
.integrity-card{
width: 96%;
max-width: var(–maxw);
margin: 25px auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}/* main dark box */
.integrity-inner{
background: var(–card-bg);
color: var(–text);
border-radius: var(–radius);
border-top: 6px solid var(–card-topline);
padding: 22px 26px 24px; /* slightly more side padding */
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
box-sizing: border-box;
}/* heading and intro text */
.ic-title{
margin: 0 0 4px 0;
font-size: 1.55rem;
font-weight: 700;
letter-spacing: -0.2px;
color: #fff;
}.ic-sub{
color: var(–muted);
font-size: 0.97rem;
line-height: 1.45;
margin: 0 0 16px 0;
font-weight: bold;
}/* checklist */
.ic-list{
list-style: none;
padding: 0;
margin: 0 0 16px 0;
display: grid;
gap: 12px;
}.ic-list li{
display: flex;
align-items: flex-start;
gap: 14px; /* more natural visual spacing */
}/* icon container */
.ic-icon{
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1px;
padding-left: 2px; /* aligns icon visually with text */
}.ic-icon svg{
width: 30px;
height: 30px;
}/* text */
.ic-text{
font-size: 0.97rem;
line-height: 1.35;
color: var(–text);
margin-top: 4px;
font-weight: bold;
}/* CTA link */
.ic-cta{
display: inline-block;
color: var(–cta) !important; /* ✅ force yellow always */
font-weight: 700;
text-decoration: none;
letter-spacing: 0.5px;
font-size: 0.95rem;
margin-top: 6px;
}
.ic-cta:hover,
.ic-cta:focus,
.ic-cta:visited{
color: var(–cta) !important; /* ✅ ensure stays yellow in all states */
text-decoration: underline;
}/* responsive tweaks */
@media (max-width:480px){
.integrity-inner{ padding: 18px; border-top-width: 5px; }
.ic-title{ font-size: 1.35rem; }
.ic-text{ font-size: 0.94rem; line-height: 1.4; }
.ic-icon svg{ width: 28px; height: 28px; }
.ic-cta{
color: var(–cta) !important; /* ✅ enforce yellow on mobile too */
}
}
A integridade científica e de conteúdo é importante para nós Na FreakToFit, sempre gostamos de estabelecer padrões elevados de qualidade e conteúdo de pesquisa. Nosso conteúdo está aqui para ajudá-lo a fazer as melhores escolhas para sua saúde melhor. Veja como criamos conteúdos para você:
Escrito por especialistas em saúde e fitness
Evidências baseadas em pesquisas com base na ciência
Revisado médico por nossos especialistas
Atualizado para refletir os avanços médicos Leia nosso processo editorial →
🧑🏻🔬analisadores /* =========================
MAIN CARD
========================= */
.test-card {
background-color: #fffbe6; /* very light yellow */
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 16px;
display: flex;
flex-direction: column; /* Mobile default */
}/* =========================
EACH ITEM
========================= */
.test-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 8px;
border-bottom: 1px dotted #d6d6d6;
}.test-item:last-child {
border-bottom: none;
}/* =========================
LINK TEXT
========================= */
.test-item a {
font-size: 16px;
font-weight: 600;
color: #000;
text-decoration: none;
}.test-item a:hover {
text-decoration: underline;
}/* =========================
ICON
========================= */
.test-item img {
width: 50px;
height: auto;
}/* =========================
DESKTOP VIEW
========================= */
@media (min-width: 768px) {
.test-card {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}.test-item {
flex-direction: column;
justify-content: center;
text-align: center;
border-bottom: none;
border-right: 1px dotted #d6d6d6;
padding: 24px 16px;
flex: 1;
}.test-item:last-child {
border-right: none;
}.test-item img {
margin-top: 15px;
}
}
{
box-sizing: border-box;
}.slider-container {
max-width: 1200px;
margin: 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 */
}.slider-container::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}.slider-wrapper {
display: flex;
}.slide {
flex: 0 0 16.66%;
padding: 10px;
scroll-snap-align: start;
}.card {
background: #d6f3ff;
border-radius: 10px;
padding: 15px 8px;
text-align: center;
}.card img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
}.card a {
display: block;
font-weight: bold;
margin-top: 10px;
text-decoration: underline;
color: black;
}.card p {
margin: 4px 0 0;
font-size: 13px;
}/* Tablet */
@media (max-width: 768px) {
.slide {
flex: 0 0 33.33%;
}
}/* Mobile */
@media (max-width: 480px) {
.slide {
flex: 0 0 auto;
width: 173px;
height: 150px;
}.card {
width: 100%;
height: 100%;
padding: 10px 4px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}.card img {
width: 60px;
height: 60px;
}.card p {
font-size: 10.5px;
}.card a {
font-size: 15px;
}
}
Aprenda a ciência por trás
✉ foco div.cardscroll {
background-color: #fff;
white-space: nowrap;
overflow: hidden;
}div.cardscroll a {
display: inline-block;
color: black;
text-align: center;
font-weight: bold;
font-size: 16.5px;
padding: 8px;
text-decoration: none;
}div.cardscroll a:hover {
background-color: #fff;
}/* Mobile styles: enable horizontal scroll and hide scrollbar */
@media (max-width: 768px) {
div.cardscroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; /* Firefox */
}div.cardscroll::-webkit-scrollbar {
display: none; /* Chrome, Safari */
}div.cardscroll a {
font-size: 14px;
}
}
