/* This file imports all component styles */
@import 'sections/doma-potros/hero.css';
@import 'sections/doma-potros/por-que-contigo.css';
@import 'sections/doma-potros/metodologia.css';
@import 'sections/doma-potros/doble-timeline.css';
@import 'sections/doma-potros/timeline-cta.css';
@import 'sections/doma-potros/caso-real.css';
@import 'sections/doma-potros/tu-plan-medida.css';
@import 'sections/doma-potros/inversion.css';
@import 'sections/doma-potros/diagnostico.css';
@import 'sections/doma-potros/faq.css';
@import 'sections/doma-potros/whatsapp.css';
@import 'sections/doma-potros/responsive.css';
@import 'sections/footer-new.css';
@import url('sections/doma-potros/video-showcase.css');

/* Common styles shared across doma-potros components */
/* These styles are kept here to avoid repetition */

/* Animations */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Base styles for the page */
body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: var(--text);
    background: var(--background);
}