/* About Page Enhancements - Xibalba */

/* Team Section Hover Effects */
.team-block .inner-box {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-block .inner-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
}

.team-block .image {
    position: relative;
    overflow: hidden;
}

.team-block .overlay-box {
    transition: opacity 0.3s ease;
}

.team-block .inner-box:hover .overlay-box {
    opacity: 1 !important;
}

/* Inside Xibalba Gallery Hover Effects */
.gallery-item .inner-box:hover .image img {
    transform: scale(1.1);
}

.gallery-item .inner-box:hover .overlay {
    opacity: 1 !important;
}

.gallery-item .overlay {
    cursor: pointer;
}

/* Principle Items Hover */
.principle-item {
    transition: all 0.3s ease;
}

.principle-item:hover {
    transform: translateY(-5px);
}

.principle-item:hover .number {
    opacity: 0.4 !important;
}

/* Value Items Hover */
.value-item {
    transition: all 0.3s ease;
}

.value-item:hover {
    transform: translateX(10px);
}

.value-item .icon i {
    transition: all 0.3s ease;
}

.value-item:hover .icon i {
    transform: rotate(360deg);
}

/* Objectives List Hover */
.objectives-list li {
    transition: all 0.3s ease;
}

.objectives-list li:hover {
    transform: translateX(10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Pillar Items Hover */
.pillar-item {
    transition: all 0.3s ease;
}

.pillar-item:hover {
    transform: scale(1.1);
}

.pillar-item .icon {
    transition: all 0.3s ease;
}

.pillar-item:hover .icon {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: rotate(360deg);
}

/* Info Block Hover */
.info-block {
    transition: all 0.3s ease;
}

.info-block:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Founder Message Section */
.founder-message-section .founder-image {
    transition: all 0.3s ease;
}

.founder-message-section .founder-image:hover {
    transform: scale(1.02);
}

.founder-message-section .quote-icon {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Message Content Styling */
.message-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.message-content blockquote {
    margin: 30px 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .team-block,
    .gallery-item {
        margin-bottom: 30px;
    }
    
    .pillar-item {
        margin-bottom: 30px;
    }
    
    .strategic-pillars-section .col-lg-2 {
        width: 50%;
    }
    
    .founder-message-section .image-column {
        margin-bottom: 40px;
    }
    
    .motto h2 {
        font-size: 24px !important;
    }
}

/* Smooth Scrolling for Section Transitions */
.company-intro-section,
.founder-message-section,
.team-section,
.inside-xibalba-section {
    scroll-margin-top: 100px;
}

/* Additional Animation Classes */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.animate-on-scroll.animated {
    opacity: 1;
    transform: translateY(0);
}