Productos para Adelgazar sin Dietas y Controlar la Ansiedad Alimentaria

/* ==========================================================================
1. VARIABLES Y DISEÑO GENERAL
========================================================================== */
:root {
/* Paleta pastel inspirada en tu imagen de ejemplo */
–bg-bottom: #F5F5F0; /* Fondo general sutil */
–color-text-main: #333333;
–color-text-muted: #666666;

/* Colores de los botones (tonos pastel suaves) */
–btn-1: #E4DCCB; /* Beige */
–btn-2: #E3DCE7; /* Morado claro */
–btn-3: #D4E2E8; /* Azul claro */
–btn-4: #D8E6D3; /* Verde claro */
–btn-5: #C8E0B9; /* Verde más intenso */
–btn-6: #F4D3D1; /* Rosa claro */
}
/* Reset básico */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
/* Al poner inherit, usará la misma tipografía que tengas en tu tema de WordPress */
font-family: inherit;
background-color: var(–bg-bottom);
color: var(–color-text-main);
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
}
/* Contenedor móvil estilo Linktree */
.container {
width: 100%;
max-width: 480px;
background-color: #ffffff;
min-height: 100vh;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
align-items: center;
}
/* ==========================================================================
2. CABECERA Y FOTO DE PERFIL
========================================================================== */
.header-bg {
width: 100%;
height: 160px;
/* Fondo superior con bloques de color pastel imitando tu ejemplo */
background: linear-gradient(90deg, #EAD7D1 0%, #EAD7D1 33%, #DDE6D5 33%, #DDE6D5 66%, #E3DEEA 66%, #E3DEEA 100%);
}
.profile-section {
display: flex;
flex-direction: column;
align-items: center;
margin-top: -65px; /* Sube la foto hacia el fondo de color */
width: 100%;
padding: 0 32px;
text-align: center;
}
.avatar {
width: 130px;
height: 130px;
border-radius: 50%;
object-fit: cover;
border: 4px solid #ffffff;
background-color: #ffffff;
margin-bottom: 12px;
}
/* Textos más grandes */
.profile-name {
font-size: 2rem; /* Tamaño grande */
font-weight: normal;
margin-bottom: 2px;
/* Si usas una fuente cursiva en los H1 de tu blog, se aplicará sola */
}
.profile-handle {
font-size: 1.1rem;
color: var(–color-text-muted);
margin-bottom: 16px;
}
.profile-bio {
font-size: 1.15rem; /* Texto de la bio más grande */
line-height: 1.5;
color: var(–color-text-main);
margin-bottom: 32px;
}
/* ==========================================================================
3. BOTONES DE ENLACES
========================================================================== */
.links-wrapper {
width: 100%;
padding: 0 32px;
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 40px;
}
.btn-link {
display: flex;
align-items: center;
width: 100%;
padding: 18px 20px;
text-decoration: none;
color: var(–color-text-main);
font-size: 1.15rem; /* Texto del botón grande */
border-radius: 4px; /* Bordes rectos ligeramente redondeados */
transition: opacity 0.3s ease, transform 0.2s ease;
position: relative;
}
.btn-link:hover {
opacity: 0.9;
transform: scale(1.02);
}
/* Alinear el texto al centro */
.btn-text {
width: 100%;
text-align: center;
}
/* Colores de cada botón */
.btn-1 { background-color: var(–btn-1); }
.btn-2 { background-color: var(–btn-2); }
.btn-3 { background-color: var(–btn-3); }
.btn-4 { background-color: var(–btn-4); }
.btn-5 { background-color: var(–btn-5); }
.btn-6 { background-color: var(–btn-6); }
.btn-7 { background-color: var(–btn-1); }
/* Cuadradito del icono a la izquierda */
.btn-icon {
position: absolute;
left: 16px;
width: 32px;
height: 32px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}

/* Iconos limpios en SVG (sin emojis) */
.btn-icon svg {
width: 20px;
height: 20px;
fill: var(–color-text-muted);
}
/* ==========================================================================
4. PIE DE PÁGINA
========================================================================== */
.footer-text {
font-size: 0.95rem;
color: var(–color-text-muted);
text-align: center;
padding-bottom: 30px;
}

Te ayudo a comer mejor, adelgazar sin dietas y disfrutar de una vida activa y realista a partir de los 50.

Pierde peso de forma natural, reduce la inflamación y olvídate de pasar hambre.

• 

OfertaProducto en oferta

Ebook | Adelgazar Sin Darme Cuenta: Pierde Peso de Forma Natural y Sostenible | por mimododevida

25.00€ El precio original era: 25.00€.15.00€El precio actual es: 15.00€.

Adelgaza de forma natural, sin pasar hambre y comiendo comida real.

Una guía práctica y antiinflamatoria diseñada para recuperar tu energía y mantener tu peso sin vivir a dieta. Incluye los pilares para organizar tus comidas, superar antojos y un recetario práctico con 42 platos rápidos y deliciosos.

In Stock

Ebook | Adelgazar Sin Darme Cuenta: Pierde Peso de Forma Natural y Sostenible | por mimododevida cantidad

Añadir al carrito