.historia-shimadzu {
    display: inline-flex;
    align-items: center;
    margin-top: 1.25rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid rgba(21, 101, 192, 0.2);
    border-radius: 0.875rem;
    background: #ffffff;
}

.historia-shimadzu__logo {
    display: block;
    width: auto;
    height: clamp(26px, 3vw, 38px);
    max-width: 170px;
    object-fit: contain;
}

.historia-imagen {
    box-sizing: border-box;
    border: 8px solid var(--color-primary-border);
    border-radius: 50%;
    clip-path: none;
}

.nosotros-tarjeta {
    transition:
        border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
}

.nosotros-vision-decoracion {
    transition: transform var(--motion-normal) var(--ease-enter);
}

.nosotros-valor__icono {
    transition:
        background-color var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard),
        transform var(--motion-normal) var(--ease-enter);
}

@media (hover: hover) and (pointer: fine) {
    .nosotros-tarjeta--mision:hover {
        border-color: var(--color-primary);
        box-shadow: 0 18px 36px rgba(var(--color-primary-dark-rgb), 0.1);
        transform: translateY(-3px);
    }

    .nosotros-tarjeta--calidad:hover {
        border-color: var(--color-secondary);
        box-shadow: 0 18px 36px rgba(var(--color-primary-dark-rgb), 0.1);
        transform: translateY(-3px);
    }

    .nosotros-tarjeta--vision:hover .nosotros-vision-decoracion {
        transform: scale(1.12);
    }

    .nosotros-valor:hover .nosotros-valor__icono {
        background: var(--color-secondary-container);
    }

    .nosotros-valor--innovacion:hover .nosotros-valor__icono {
        transform: rotate(-5deg);
    }

    .nosotros-valor--precision:hover .nosotros-valor__icono {
        transform: scale(1.06);
    }

    .nosotros-valor--agilidad:hover .nosotros-valor__icono {
        transform: rotate(5deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nosotros-tarjeta,
    .nosotros-vision-decoracion,
    .nosotros-valor__icono {
        transition: none;
    }
}

@media (max-width: 640px) {
    .historia-shimadzu {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .historia-shimadzu__logo {
        max-width: 145px;
    }
}