:root {
--primary-color: #8B0000;
--secondary-color: #FFB6C1;
--accent-color: #4B3621;
body {
font-family: 'Lora', serif;
line-height: 1.8;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 30px;
background: #FFF9FB;
h1, h2, h3 {
font-family: 'Playfair Display', serif;
color: var(--primary-color);
border-bottom: 2px solid var(--secondary-color);
padding-bottom: 12px;
.hero-img {
width: 100%;
height: 500px;
object-fit: cover;
border-radius: 15px;
margin: 40px 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
.ingredient-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin: 50px 0;
.ingredient-card {
padding: 25px;
background: white;
border-radius: 12px;
transition: transform 0.3s;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
.ingredient-card:hover {
transform: translateY(-5px);
.product-highlight {
color: var(--primary-color);
font-weight: 700;
border-bottom: 2px dotted var(--primary-color);
.testimonial-section {
background: linear-gradient(to right, #FFF0F5, #FFFFFF);
padding: 40px;
border-radius: 15px;
margin: 60px 0;
.qa-section {
background: #FFF5F5;
padding: 35px;
border-radius: 12px;
margin-top: 50px;
.icon-svg {
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 8px;
.reference-list {
columns: 2;
column-gap: 40px;
margin-top: 30px;
@media (max-width: 768px) {
body { padding: 20px; }
.hero-img { height: 300px; }
.reference-list { columns: 1; }
Cuando los calambres atacan: Tu guía para aliviar el dolor menstrual de forma natural
/* Nuevos estilos para la sección técnica */
.technical-wrapper {
background: #FFF0F3;
padding: 40px;
border-radius: 15px;
margin: 50px 0;
.formula-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin: 30px 0;
.production-steps {
counter-reset: step;
margin-left: 20px;
.production-steps li {
position: relative;
margin-bottom: 25px;
padding-left: 45px;
.production-steps li::before {
counter-increment: step;
content: counter(step);
position: absolute;
left: 0;
top: -5px;
width: 30px;
height: 30px;
background: var(--primary-color);
color: white;
border-radius: 50%;
text-align: center;
line-height: 30px;
font-family: 'Playfair Display';
@media (max-width: 768px) {
.formula-grid { grid-template-columns: 1fr; }
Formulación científica y proceso de producción
Fórmula herbal de precisión
Nuestro té para la dismenorrea está cuidadosamente elaborado tras más de cinco años de investigación en Medicina Tradicional China combinada con estudios farmacocinéticos modernos. Este desarrollo riguroso asegura un producto que no solo agrada al paladar sino que también proporciona un alivio efectivo de los calambres menstruales. El Mezcla en armonía presenta una combinación sinérgica de hierbas diseñadas para atacar las causas raíz de la incomodidad menstrual, como la estasis de Qi, la deficiencia de sangre y el desequilibrio hormonal.
