/**
 * CEMEBA Tecnología y Estudios Clave
 *
 * @package Cemeba_Crecienta
 */

.cmx-tecnologia {
    padding-top: var(--cmx-space-xl);
    padding-bottom: var(--cmx-space-xl);
    background-color: var(--cmx-white);
}

.cmx-tecnologia__inner {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: clamp(30px, 6vw, 70px);
}

.cmx-tecnologia__list {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 3vw, 26px);
    margin-top: 2rem;
    margin-bottom: 2.4rem;
}

.cmx-tecnologia__item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.cmx-tecnologia__item-icon {
    width: 50px;
    height: 50px;
    border-radius: var(--cmx-radius-md);
    background: var(--cmx-blue-light);
    color: var(--cmx-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--cmx-transition);
}

.cmx-tecnologia__item:hover .cmx-tecnologia__item-icon {
    background-image: var(--cmx-gradient);
    color: var(--cmx-white);
    transform: translateY(-2px);
}

.cmx-tecnologia__item-icon svg {
    width: 24px;
    height: 24px;
}

.cmx-tecnologia__item-title {
    font-size: var(--cmx-fs-h4);
    color: var(--cmx-navy);
    margin-bottom: 0.35rem;
}

.cmx-tecnologia__item-desc {
    font-size: 0.94rem;
    line-height: 1.6;
    color: var(--cmx-text);
    margin-bottom: 0;
}

.cmx-tecnologia__media {
    display: flex;
    justify-content: center;
}

.cmx-tecnologia__img {
    max-height: clamp(380px, 50vh, 580px);
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 35px rgba(34, 58, 102, 0.12));
}

@media (max-width: 991px) {
    .cmx-tecnologia__inner {
        grid-template-columns: 1fr;
    }

    .cmx-tecnologia__media {
        display: none;
    }
}