/* ====================================
   PROSPECTIVA - TABLET STYLES
   641px - 1024px
   ==================================== */

/* ====================================
   HEADER
   ==================================== */
.site-header {
    padding: 15px 0;
}

.logo img {
    height: 50px;
}

.main-nav ul {
    gap: 20px;
}

.main-nav a {
    font-size: 0.85rem;
}

.btn-chi-siamo {
    padding: 8px 20px;
}

/* HERO SECTION */
.hero-section {
    padding: 60px 0 40px;
}

.hero-title {
    font-size: 2.2rem;
    margin-bottom: 40px;
}

.carousel-track {
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 20px;
}

.event-card {
    flex: 0 0 240px;
    scroll-snap-align: center;
}

.event-card.featured {
    flex: 0 0 280px;
    transform: scale(1.05);
}

.event-image {
    height: 180px;
}

.event-title {
    font-size: 1.1rem;
}

.event-subtitle {
    font-size: 0.85rem;
}

/* NEWS SECTION */
.news-section {
    padding: 60px 0;
}

.section-header {
    margin-bottom: 40px;
}

.section-subtitle {
    font-size: 1rem;
}

.section-title {
    font-size: 2rem;
}

.news-item {
    padding: 25px 0;
}

.news-content h4 {
    font-size: 1.2rem;
}

.news-content p {
    font-size: 0.95rem;
}

/* PROGRAM SECTION */
.program-section {
    padding: 60px 0;
}

.events-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

.card-image {
    height: 200px;
}

.card-title {
    font-size: 1.1rem;
}

.card-description {
    font-size: 0.85rem;
}

.meta-item {
    font-size: 0.8rem;
}

.cta-calendar {
    padding: 30px;
}

.cta-text {
    font-size: 1.1rem;
}

.cta-title {
    font-size: 2rem;
}

/* VALUES SECTION */
.values-section {
    padding: 60px 0;
}

.intro-text {
    font-size: 1rem;
    margin-bottom: 50px;
}

.values-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.value-item h4 {
    font-size: 1rem;
}

.value-item p {
    font-size: 0.9rem;
}

/* CONTACT SECTION */
.contact-section {
    padding: 80px 0 60px;
}

.contact-columns {
    gap: 50px;
}

.contact-info h3,
.contact-details h3 {
    font-size: 1.7rem;
    margin-bottom: 25px;
}

.info-block h4 {
    font-size: 1.1rem;
}

.info-block p {
    font-size: 0.95rem;
}

.btn-cta {
    padding: 10px 25px;
    font-size: 0.9rem;
}

.detail-group h4 {
    font-size: 1rem;
}

.detail-group p {
    font-size: 0.9rem;
}

.social-icons a {
    width: 36px;
    height: 36px;
}

/* FOOTER */
.site-footer {
    padding: 35px 0 18px;
}

.footer-content {
    gap: 25px;
}

.brand {
    font-size: 1.3rem;
}

.footer-nav ul {
    gap: 12px 20px;
}

.footer-nav a {
    font-size: 0.85rem;
}

.footer-legal {
    font-size: 0.8rem;
}

/* MODAL */
.modal-content {
    padding: 35px;
    max-width: 550px;
}

.modal-content h3 {
    font-size: 1.6rem;
}

.form-group label {
    font-size: 0.85rem;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"] {
    padding: 11px 14px;
    font-size: 0.9rem;
}

.privacy-policy {
    padding: 14px;
}

.privacy-text {
    font-size: 0.8rem;
}

.btn-submit {
    padding: 13px;
    font-size: 0.95rem;
}

.login-section {
    margin-top: 35px;
    padding-top: 35px;
}

.login-section h4 {
    font-size: 1.2rem;
}

.forgot-password {
    font-size: 0.85rem;
}