/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
@media (max-width: 1024px) {
    .header-container { padding: 0 2rem; }
    .service-detail-grid { grid-template-columns: 1fr; } 
    .service-detail-media { position: relative; top: auto; } 
    .service-gallery-grid { grid-template-columns: repeat(2, 1fr); }  
}

@media (max-width: 950px) {
    .hero-title { font-size:2em !important; }
    .hero-subtitle { max-width: 90%;}
	.header-container { padding: 0 1.5rem; }
	.stats-grid { grid-template-columns: repeat(4, 1fr); }
    .stat-value { font-size: 2.25rem; }
    .stat-label { font-size: 1rem; }

    .about { padding: 3rem 0;}
    .about-card-overlay { display: block; }
    .about-header p { max-width: 90%;}
    .glass-card {display: none;}

    p {font-size: 0.8em !important; line-height: 22px !important;}

    .cft {padding: 3rem 0; }
    .testimonials { padding: 3rem 0; }
    .dormakaba { padding: 3rem 0; }
    .btn-white {padding: 15px !important;  font-size: 0.9em !important;}
    .testimonial-link {padding: 15px !important;  font-size: 0.9em !important;}
    .testimonial-card {padding: 15px; }

    .cta { padding: 3rem 0;}
    .cta h2 {font-size: 1.4em; }

    .sobre { height: 10rem; }
    .sobre h1 { font-size: 1.4rem !important;}
    .sumir {display: none !important;}

    .history { padding: 3rem 0; }
    .history-text h2 { font-size: 1.5rem !important;}

    .service-detail { padding: 3rem 0; }
    .service-detail-text h2  {font-size: 1.4em; }


    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    h3 {font-size: 1.2rem !important;}
    .hero-buttons { flex-direction: column; }
    .cta-buttons { flex-direction: column; }
    .sobre h1 { font-size: 2rem; }
    .principles-grid { grid-template-columns: 1fr; }
    .services { padding: 3em 0; }
    .clients-logos-grid { grid-template-columns: repeat(2, 1fr); }
    .service-hero { padding: 6rem 0 4rem; } 
    .service-hero h1 { font-size: 2.25rem; } 
    .service-gallery-grid { grid-template-columns: 1fr; } 
    .service-gallery-item img { height: 240px; }
    .section-header p { max-width: 90%;}
}

 @media (max-width: 1024px) {
    .testimonials-layout { flex-direction: column; gap: 2rem; }
    .testimonials-left,
    .testimonials-right { flex: 0 0 auto; width: 100%; }
    .testimonials .container { text-align: center; }
    .testimonials-actions { display: flex; justify-content: center; }
    .testimonials-carousel { padding-left: 0; padding-right: 0; }
}

@media (max-width: 768px) {
    .testimonial-card { min-height: auto; }
    .contato. iframe { height: 320px; }
    .clients-logos-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 950px) {
    .about-card-overlay { display: block; }
    .cft-content { grid-template-columns: 1fr 1fr; }
    .dormakaba-content { flex-direction: row; }
    .cta-buttons { flex-direction: row; }
}
@media (max-width: 568px) {
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
    .services-grid { grid-template-columns: 1fr; }
    .portfolio-grid { grid-template-columns: 1fr; }
    .portfolio-item { height: 15rem; }
    .clients-logos-grid { grid-template-columns: 1fr; }
}
/*********************************************************/